@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular-EjbTADAg.woff2) format("woff2"),url(/assets/Montserrat-Regular-C6q7dx8I.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-SemiBold-ldgwTHsF.woff2) format("woff2"),url(/assets/Montserrat-SemiBold-D1nQcXIZ.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Virust;src:url(/assets/Virust-Regular-EwrTG_Eu.woff2) format("woff2"),url(/assets/Virust-Regular-CHcz6fjM.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:none}html,body{height:100%;font-size:16px;font-family:Montserrat,sans-serif;background-color:#1f1e2b;color:#eaeaea;line-height:1.5;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.main,.about,.projects{margin:0 3.74rem}@media (max-width: 992px){.main,.about,.projects{margin:0 2.5rem}}@media (max-width: 576px){.main,.about,.projects{margin:0 1.25rem}}button{font:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}li{list-style:none}.loader-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#1f1e2b}.loader-gif{width:15rem}.btn-secondary,.btn-primary{display:flex;justify-content:center;align-items:center;gap:.6rem;position:relative;overflow:hidden;z-index:0;border-radius:10px;padding:8px 24px;font-size:.99rem;width:15rem}.btn-secondary:after,.btn-primary:after{content:"";position:absolute;top:50%;left:-20%;width:1rem;height:1rem;border-radius:50%;transform:translateY(-50%) scale(0);transform-origin:left center;transition:transform .8s cubic-bezier(.25,1,.5,1);z-index:-1}.btn-secondary:hover:after,.btn-primary:hover:after{transform:translateY(-50%) scale(50)}@media (max-width: 576px){.btn-secondary,.btn-primary{padding:12px 24px;font-size:.8rem;width:17rem}}.btn-primary{background-color:#7a00f9;color:#eaeaea}.btn-primary:after{background-color:#ff00d9}.btn-secondary{background:#eaeaea;color:#000}.btn-secondary:after{background-color:#000}.btn-secondary:hover{color:#eaeaea}.btn-extra{display:flex;justify-content:center;align-items:center;gap:.6rem;width:15rem;padding:1rem 3rem;color:#eaeaea;border-radius:50px;background:radial-gradient(70.31% 50% at 50% 50%,#1d0d33,#171620);font-size:.99rem;transition:all 1s cubic-bezier(.075,.82,.165,1)}.btn-extra:hover{background:radial-gradient(70.31% 50% at 50% 50%,#3b1b65,#171627);box-shadow:0 0 4.5rem #7a00f980}@media (max-width: 576px){.btn-extra{padding:.7rem 1.5rem;font-size:.8rem;width:12rem}}.icon{color:#eaeaea;transition:all .5s ease-out}.icon:hover{color:#7a00f9!important;transform:scale(1.25)}@media (max-width: 992px){.icon{height:2rem}}@media (max-width: 576px){.icon{height:1.25rem}}.card{display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;padding:1.5rem 2.5rem;gap:.6rem;border-radius:10px;transition:box-shadow .3s cubic-bezier(.455,.03,.515,.955)}.card-content{display:flex;align-items:center;align-self:center;gap:.75rem;height:100%}.card-content .project-onbuild{display:flex;flex-direction:column;align-items:center;justify-content:center}.card-content .project-onbuild h4{font-size:1.65rem}.card-content .project-onbuild svg{height:70px}.card-content .card-info{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;flex:1;width:50%}.card-content .card-info h3{font-size:1.65rem;padding:1rem 0}.card-content .card-info p{font-size:.8rem}.card-content .card-button{display:flex;justify-content:space-between;width:100%}.card-content .card-button a{width:45%}.card-content .card-tech{display:flex;flex-wrap:wrap;gap:1.5rem;align-self:stretch}.card-img-container{width:50%;height:100%}.card-img-container .card-img{width:100%;height:100%;object-fit:contain}.card.light{background-color:#a0a1b3;color:#000}.card.dark{background-color:#161320;color:#eaeaea}@media (max-width: 992px){.card{padding:2rem;gap:1.9rem}.card-content{flex-direction:column}.card-content .card-info,.card-content .card-img-container{width:100%}.card-content .card-img-container{order:-1}.card-content a{width:40%}}@media (max-width: 576px){.card{padding:1.5rem;gap:1.5rem}.card-content{gap:1.5rem}.card-content h2{font-size:1.2rem!important}.card-content .card-button{flex-direction:column;gap:.75rem}.card-content .card-button a{width:100%}}.nav{display:flex;position:fixed;background-color:#1f1e2b;padding:.6rem 3.75rem;width:100%;z-index:2}.nav .nav-top{display:flex;width:100%;justify-content:space-between;align-items:center}.nav .nav-logo-img{height:1.8rem}.nav .nav-toggle{display:none;background:none;border:none;cursor:pointer}.nav .nav-link-list{display:flex;gap:2.1rem;align-items:center}.nav .nav-link-list .nav-link{align-items:center;position:relative;display:inline-flex;gap:.6rem;font-size:.8rem;white-space:nowrap}.nav .nav-link-list .nav-link:after{content:"";position:absolute;bottom:-.25rem;left:0;height:1px;width:100%;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.25,1,.5,1)}.nav .nav-link-list .nav-link:hover:after{transform:scaleX(1)}@media (max-width: 992px){.nav{padding:1rem 3.75rem}}@media (max-width: 576px){.nav{padding:1rem 1.8rem;align-items:flex-start;flex-direction:column}.nav .nav-toggle{display:block;transition:transform .8s cubic-bezier(.25,1,.5,1)}.nav .open-icon{transform:rotate(-90deg)}.nav .nav-link-list{display:none;flex-direction:column;width:100%;margin-top:1.25rem;padding:1.5rem 0;gap:2.5rem;animation:slideDown .2s ease-out forwards;z-index:10}.nav .nav-link-list.open{display:flex;max-height:fit-content}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.main{display:flex;flex-direction:column;height:100vh;align-items:center}.main .hero-img{position:absolute;top:15%;width:100%;opacity:.08}.main .main-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;width:50%;gap:.8rem}.main .main-header .main-text-sm{font-size:1.2rem;text-align:center}.main .main-header .main-text-sm:first-child{color:#7a00f9}.main .main-header .main-title{font-family:Virust,sans-serif;font-size:3.3rem;line-height:100%;text-align:center}.main .main-header .main-badge{font-size:.99rem;color:#7a00f9;padding:1rem;border:.06rem solid #7a00f9;border-radius:.5rem;width:fit-content;text-align:center}.main .main-header .main-contact{display:flex;justify-content:space-between;align-items:center;width:10rem;padding:1rem 0}.main .main-header .main-contact a{height:70%}.main .main-header .main-contact a svg{height:100%}@media (max-width: 992px){.main .hero-img{top:25%}.main .main-header{width:81%;gap:1rem}.main .main-header .main-badge{padding:.75rem}}@media (max-width: 576px){.main .main-header .main-title{font-size:1.98rem}.main .main-header .main-badge{font-size:.8rem}.main .main-header .main-contact{width:7rem}.main .main-header .main-contact a{height:100%}.main .main-header .main-contact a svg{height:50%}}.about{display:flex;flex-direction:column;gap:9rem;padding:3.75rem 1.5rem;background-color:#161320;border-radius:50px}.about .about-description{display:flex;gap:2rem;height:fit-content}.about .about-description .about-title-mobile{display:none}.about .about-description .about-img,.about .about-description .about-text{width:50%;display:flex;flex-direction:column;align-items:center}.about .about-description .about-img img{width:100%;object-fit:contain}.about .about-description .about-img figcaption{text-align:center;color:#7a00f9;font-size:1.2rem;font-weight:100}.about .about-description .about-text{justify-content:space-evenly;gap:1.8rem}.about .about-description .about-text h2{font-family:Virust,sans-serif;font-size:1.98rem}.about .about-description .about-text p{font-size:.99rem}.about .about-description .about-text p span{font-weight:700}.about .about-description .about-text a{width:40%;color:#000;font-weight:700}.about .about-tech{width:100%;display:flex;flex-direction:column;gap:5rem;align-items:center}.about .about-tech h3{font-size:1.65rem;color:#ff00d9;font-weight:500;text-align:center}.about .about-tech .about-tech-stack{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;align-items:center}.about .about-tech .about-tech-stack .tech-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:9rem;gap:.2rem}.about .about-tech .about-tech-stack .tech-item svg{width:60%;height:60%}.about .about-tech .about-tech-stack .tech-item p{font-size:.99rem}.about .about-additional-text{text-align:center;font-size:.99rem}@media (max-width: 992px){.about{gap:9rem;padding:2rem}.about .about-description{gap:3.75rem}.about .about-description .about-img figcaption{font-size:1rem}.about .about-description .about-img,.about .about-description .about-text{width:100%}.about .about-description .about-text h2{font-size:1.65rem}.about .about-description .about-text p{font-size:.6rem}.about .about-description .about-text a{width:90%}.about .about-tech-stack .tech-item{width:9.2rem}.about .about-tech-stack .tech-item p{font-size:.8rem}}@media (max-width: 576px){.about .about-description{flex-direction:column;align-items:center}.about .about-description .about-title-mobile{display:block;font-family:Virust,sans-serif;font-size:1.98rem;text-align:center}.about .about-description h2{display:none}.about .about-tech{gap:1.5rem}.about .about-tech h3{font-size:1.2rem}.about .about-tech .about-tech-stack{gap:1.5rem}.about .about-tech .about-tech-stack .tech-item{width:6rem}.about .about-tech .about-tech-stack .tech-item p{font-size:.6rem}.about .about-additional-text{font-size:.8rem}}.projects{padding:5.6rem 0;display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:center}.projects h2{font-family:Virust,sans-serif;font-size:1.98rem}.footer{margin-top:5%;height:90vh;width:100%;background:url(/images/Footer-img.png) no-repeat center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.footer h4{padding-top:10%;font-size:1.98rem}.footer p{font-size:1.65rem}@media (max-width: 576px){.footer{background-position:right}.footer h4{font-size:1.2rem}.footer p{font-size:.99rem}}