@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#fff;font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}ul{list-style-type:none}img{display:block}button{font-family:inherit}main{display:block!important}.img-fluid{max-width:100%;height:auto}.container{max-width:1160px;margin:0 auto;padding:0 1rem}@media (max-width:991px){.container{padding:0 2rem}}.overlay{z-index:99;background:#00000079;width:100vw;height:100vh;transition:all .3s;position:fixed;top:0;left:0}.contact-btn{color:#000;background:#fff;border-radius:8px;padding:.8rem 1.3rem;transition:all .3s;position:relative;overflow:hidden}.contact-btn span{z-index:1;position:relative}.contact-btn:before{content:"";background:#58c758;width:100%;height:100%;transition:all .3s;position:absolute;top:-120%;left:0}.contact-btn:hover{color:#fff}.contact-btn:hover:before{top:0}.downloadCv-btn{color:#58c758;cursor:pointer;background:0 0;border:2px solid #58c758;border-radius:30px;align-items:center;gap:.7rem;padding:1rem 2rem;font-size:1.1rem;transition:all .3s;display:flex}.downloadCv-btn span{letter-spacing:1.3px;font-weight:500}.downloadCv-btn:hover{color:#1c1c22;background:#58c758}@media (max-width:600px){.downloadCv-btn{padding:1rem;font-size:1rem}}.sendEmail-btn{cursor:pointer;background:#58c758;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.8rem;font-size:1.1rem;transition:all .3s;display:flex}.sendEmail-btn svg{transition:all .2s}.sendEmail-btn:hover{background:#43a843}.sendEmail-btn:hover svg{animation:.5s upAndDown}.sendEmail-btn span{color:#1c1c22;font-size:1.1rem;font-weight:700}.copyToClip-btn{color:#58c758;cursor:pointer;background:#1c1c22;border:1px solid #313133;border-radius:12px;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}@media (max-width:480px){.copyToClip-btn span{display:none}}.copyToClip-btn:active{transform:scale(.9)}.copyToClip-btn:hover{color:#83e283}.copyToClip-btn svg{font-size:1.5rem}.navbar{z-index:999;background:0 0;width:100%;padding:3rem 0;transition:all .3s;position:fixed;top:0}.navbar.scrolled{background:#000;padding:1.5rem 0}.navbar__logo{align-items:flex-end;gap:1.5rem;display:flex}.navbar__logo h1{color:#d9ecff;font-size:1.5rem;font-weight:700;transition:all .3s}.navbar__logo span{background:#58c758;width:6px;height:6px;display:block}.navbar__logo:hover h1{transform:scale(1.05)}.navbar__logo:hover span{animation:1s infinite logoAnim}@media (max-width:991px){.navbar__logo span{animation:1s infinite logoAnim}}.navbar__wrapper{justify-content:space-between;align-items:center;display:flex}.navbar__wrapper nav{color:#d9ecff;z-index:999;justify-content:space-between;align-items:center;gap:10rem;width:60%;display:flex}@media (max-width:991px){.navbar__wrapper nav{opacity:0;background:#1c1c22;border-radius:50% 0 0 50%;flex-direction:column;justify-content:center;width:0;height:100%;transition:right .7s,border-radius 1s,width .7s,opacity .7s;position:fixed;top:0;bottom:0;right:-100%;overflow:hidden}}.navbar__wrapper nav.active{opacity:1;border-radius:0;width:80%;right:0}.navbar__wrapper nav ul{gap:2rem;display:flex}@media (max-width:991px){.navbar__wrapper nav ul{flex-direction:column}}.navbar__wrapper nav ul li{text-align:center;padding:.3rem 0;position:relative}.navbar__wrapper nav ul li:before{content:"";background:#58c758;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:0}.navbar__wrapper nav ul li:hover:before{width:100%}.navbar__wrapper nav ul li:hover a{color:#fff}.navbar__wrapper nav ul li a{height:100%}.navbar__right{align-items:center;gap:1.5rem;display:flex;overflow:hidden}.navbar__hamburger{display:none}@media (max-width:991px){.navbar__hamburger{cursor:pointer;z-index:9999;background:0 0;border:none;outline:none;display:block}.navbar__hamburger span{background:#58c758;width:25px;height:2px;margin:5px auto;transition:all .3s;display:block}.navbar__hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.navbar__hamburger.active span:nth-child(2){transform:translateY(1.5px)rotate(-45deg)}}@keyframes logoAnim{0%{opacity:1}50%{opacity:0}to{opacity:1}}.hero{background-color:#121218;background-image:url(/images/bg.png);padding:10rem 0 8rem;overflow:hidden}.hero__wrapper{justify-content:space-between;display:flex}@media (max-width:768px){.hero__wrapper{flex-direction:column;gap:5rem}}@media (max-width:600px){.hero__wrapper{text-align:center;justify-content:center}}.hero__left{flex-direction:column;gap:1rem;width:50%;display:flex}@media (max-width:991px){.hero__left{width:80%}}@media (max-width:768px){.hero__left{width:100%}}@media (max-width:600px){.hero__left{align-items:center;gap:2rem}}.hero__left strong{font-size:1.2rem}.hero__left h2{font-size:4.5rem}@media (max-width:600px){.hero__left h2{font-size:3.5rem}}.hero__left h2:nth-child(2),.hero__left h2:nth-child(3){color:#58c758}.hero__left p{color:#d9ecff}.hero__left-socials{align-items:center;gap:1.5rem;margin-top:3rem;display:flex}@media (max-width:600px){.hero__left-socials{flex-direction:column;gap:2.5rem}}.hero__left-socials div{position:relative}@media (max-width:991px){.hero__left-socials div{align-items:center;display:flex}}.hero__left-socials div a{color:#58c758;border:1px solid #58c758;border-radius:50%;padding:.8rem;font-size:1.3rem;transition:all .3s;display:flex}.hero__left-socials div a:hover{color:#1c1c22;background:#58c758}.hero__left-socials div a:hover+.hero-tooltip{opacity:1;top:-80%}.hero__left-socials .hero-tooltip{opacity:0;background:#1c1c22;padding:.5rem;font-size:.8rem;transition:all .3s;position:absolute;top:-110%;left:-20%}@media (max-width:991px){.hero__left-socials .hero-tooltip{opacity:1;color:#58c758;background:0 0;font-size:.9rem;font-weight:600;position:relative;inset:0}}.hero__stats{text-align:end;flex-direction:column;align-self:flex-end;gap:1.5rem;display:flex}.hero__stats-card strong{color:#58c758;font-size:2.5rem}@media (max-width:768px){.hero__stats{text-align:center;flex-direction:row;justify-content:space-between;width:100%}}@media (max-width:600px){.hero__stats{flex-direction:column;gap:3rem}}.profile{background:#1c1c22;padding:5rem 0;overflow:hidden}.profile h3{text-align:center;margin-bottom:4rem;font-size:2.7rem}@media (max-width:600px){.profile h3{font-size:2rem}}.profile__wrapper{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);gap:2rem;display:grid}@media (max-width:768px){.profile__wrapper{grid-template-rows:repeat(3,1fr)}}.profile__wrapper div{border:1px solid #313133;border-radius:20px;padding:2rem}.profile__wrapper div h4{transition:all .3s}.profile__wrapper>div:first-child{background-color:#121218;background-image:url(/images/cineflix.png);background-position:50%;background-repeat:no-repeat;background-size:contain;grid-area:1/1/7/5;align-items:flex-end;display:flex;position:relative;overflow:hidden}@media (max-width:991px){.profile__wrapper>div:first-child{background-size:cover;grid-area:1/1/3/7}}@media (max-width:768px){.profile__wrapper>div:first-child{grid-row:1/2}}.profile__wrapper>div:first-child h4{z-index:10;width:60%;font-size:1.7rem;line-height:1.6}@media (max-width:991px){.profile__wrapper>div:first-child h4{width:100%;font-size:1.3rem}}@media (max-width:600px){.profile__wrapper>div:first-child h4{font-size:1rem;line-height:2}}.profile__wrapper>div:first-child:after{content:"";background:#0008;width:100%;position:absolute;top:0;bottom:0;left:0}.profile__wrapper>div:first-child:hover h4{transform:translate(7px)}.profile__wrapper>div:nth-child(2){grid-area:1/5/3/7;font-size:1.3rem}@media (max-width:991px){.profile__wrapper>div:nth-child(2){grid-area:3/1/6/4}}@media (max-width:768px){.profile__wrapper>div:nth-child(2){grid-area:2/1/3/7}}.profile__wrapper>div:nth-child(2):hover h4{transform:translate(7px)}.profile__wrapper>div:nth-child(3){flex-direction:column;grid-area:3/5/7/7;justify-content:space-between;gap:2rem;display:flex}@media (max-width:991px){.profile__wrapper>div:nth-child(3){grid-area:3/4/6/7}}@media (max-width:768px){.profile__wrapper>div:nth-child(3){grid-area:3/1/4/7}}.profile__wrapper>div:nth-child(3):hover div{transform:translate(7px)}.profile__wrapper>div:nth-child(3) div{border:none;padding:0;transition:all .3s}.profile__wrapper>div:nth-child(3) div:first-child h4{color:#d9ecff;margin-bottom:.4rem;font-size:.9rem;font-weight:400}.profile__wrapper>div:nth-child(3) div:first-child strong{text-transform:uppercase;font-size:1.2rem}.profile__wrapper>div:nth-child(3) div:nth-child(2){flex-wrap:wrap;gap:1rem;display:flex}.profile__wrapper>div:nth-child(3) div:nth-child(2) span{color:#d9ecff;background:#313133;border-radius:8px;padding:1rem}.profile__wrapper div:nth-child(2),.profile__wrapper div:nth-child(3){background:#121218}.projects{background:#1c1c22;padding:5rem 0}.projects h3{text-align:center;margin-bottom:4rem;font-size:2.7rem}@media (max-width:600px){.projects h3{font-size:2rem}}.projects h3 span{color:#58c758}.projects__wrapper{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:4rem;display:grid}@media (max-width:991px){.projects__wrapper{grid-template-columns:1fr}}.projects__card{border:1px solid #313133;border-radius:18px;flex-direction:column;display:flex;box-shadow:0 6px 24px #000000bf}@media (max-width:400px){.projects__card{padding:.8rem}}.projects__card>img{object-fit:cover;object-position:top;border-radius:18px 18px 0 0;height:300px;box-shadow:0 5px 20px #0000007a}.projects__card>div:first-of-type{border-bottom:1px solid #313133;flex-direction:column;gap:2rem;height:300px;padding:2rem;display:flex;overflow-y:scroll}.projects__card>div:first-of-type::-webkit-scrollbar{background:#121218;width:8px}.projects__card>div:first-of-type::-webkit-scrollbar-thumb{background:#d9ecff;border-radius:8px}.projects__card>div:first-of-type::-webkit-scrollbar-corner{background:#1c1c22}@media (max-width:600px){.projects__card>div:first-of-type{text-align:center}}.projects__card>div:first-of-type h4{font-size:1.5rem}.projects__card>div:first-of-type p{color:#d9ecff;font-size:1.1rem;line-height:2}@media (max-width:400px){.projects__card>div:first-of-type p{font-size:.9rem}}.projects__card>div:first-of-type .extra-info{color:#58c758;font-size:.95rem;font-style:italic}.projects__card-bottom{flex-direction:column;justify-content:space-between;gap:4rem;height:50%;padding:2rem;display:flex}.projects__card-bottom>div:first-child{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}@media (max-width:400px){.projects__card-bottom>div:first-child{font-size:.8rem}}.projects__card-bottom>div:first-child div{background:#66666683;border-radius:28px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.projects__card-bottom>div:first-child div img{width:30px;height:30px}.projects__card-bottom>div:nth-child(2){flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;display:flex}.projects__card-bottom>div:nth-child(2) a{align-items:center;gap:1rem;font-size:1.15rem;transition:all .3s;display:flex}@media (max-width:400px){.projects__card-bottom>div:nth-child(2) a{font-size:.8rem}}.projects__card-bottom>div:nth-child(2) a span{color:#58c758;transition:all .2s}.projects__card-bottom>div:nth-child(2) a:first-child{border:1px solid #66666683;border-radius:40px;padding:1rem 1.5rem}.projects__card-bottom>div:nth-child(2) a:first-child span{font-weight:600}.projects__card-bottom>div:nth-child(2) a:first-child svg{color:#58c758;font-size:1.4rem}.projects__card-bottom>div:nth-child(2) a:first-child:hover{background:#58c758}.projects__card-bottom>div:nth-child(2) a:first-child:hover span,.projects__card-bottom>div:nth-child(2) a:first-child:hover svg{color:#1c1c22}.projects__card-bottom>div:nth-child(2) a:nth-child(2):hover{transform:translateY(-5px)}@media (max-width:991px){.projects__card-bottom>div:nth-child(2) a:nth-child(2):hover{transform:translateY(0)}}.projects__card-bottom>div:nth-child(2) a:nth-child(2):hover span{color:#d9ecff}.skills{background:#1c1c22;padding:5rem 0}.skills h3{text-align:center;margin-bottom:4rem;font-size:2.7rem}@media (max-width:600px){.skills h3{font-size:2rem}}.skills span{color:#58c758}.skills__wrapper{flex-direction:column;gap:7rem;margin-top:6rem;display:flex}.skills__categories{border-top:1px solid #313133;border-bottom:1px solid #313133;justify-content:space-between;padding:5rem 0;display:flex}@media (max-width:768px){.skills__categories{flex-direction:column;justify-content:center;align-items:center;gap:3rem}}.skills__categories h4{text-transform:uppercase;color:#d9ecff;font-size:2rem;font-weight:700}.skills__items{flex-wrap:wrap;gap:3rem;width:70%;display:flex}@media (max-width:768px){.skills__items{justify-content:center;width:100%}}.skills__items div{align-items:center;gap:1rem;display:flex}.skills__items div img{width:50px}.contact{background:#1c1c22;padding:5rem 0}.contact h3{text-align:center;margin-bottom:4rem;font-size:2.7rem}@media (max-width:600px){.contact h3{font-size:2rem}}.contact h3 span{color:#58c758}.contact__wrapper{flex-direction:column;align-items:center;display:flex}.contact form{flex-direction:column;gap:1rem;width:80%;display:flex}@media (max-width:768px){.contact form{width:100%}}.contact form label{color:#d9ecff}.contact form input{color:#d9ecff;background:#121218;border:1px solid #313133;border-radius:.5rem;outline:none;padding:.8rem;font-family:JetBrains Mono,monospace}.contact form input::placeholder{color:#4e646d}.contact form textarea{color:#d9ecff;resize:none;background:#121218;border:1px solid #313133;border-radius:.5rem;outline:none;min-height:150px;padding:.8rem;font-family:JetBrains Mono,monospace}.contact form textarea::placeholder{color:#4e646d}.contact__form-top{gap:1rem;display:flex}@media (max-width:600px){.contact__form-top{flex-direction:column}}.contact__form-top div{flex-direction:column;gap:.4rem;width:50%;height:120px;display:flex}@media (max-width:600px){.contact__form-top div{width:100%}}.contact__form-top div span{color:#b15353;font-size:.9rem}.contact__form-message{flex-direction:column;gap:.4rem;height:250px;display:flex}.contact__form-message span{color:#b15353;font-size:.9rem}.contact__bottom{text-align:center;color:#d9ecff;background:#121218;border-radius:15px;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:5rem;padding:2rem 1rem;display:flex;box-shadow:0 8px 20px #00000069}@media (max-width:600px){.contact__bottom{gap:2rem}}.contact__bottom:hover>svg{animation:.7s rotate}.contact__bottom>svg{color:#58c758;font-size:2rem}.contact__bottom h4{font-size:1.5rem}@keyframes upAndDown{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(20deg)}to{transform:rotate(0)}}.footer{background:#121218;padding:4rem 0}.footer__wrapper{justify-content:center;gap:5rem;font-size:.9rem;display:flex}@media (max-width:768px){.footer__wrapper{text-align:center;flex-direction:column;align-items:center;gap:1rem}}.footer__wrapper strong{color:#58c758}.footer__wrapper p{color:#d9ecff}