@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap";#about .title:after,#header #navbar #nav-menu .nav-items .nav-item .nav-link:after,.section .heading-wrapper .section-heading:after{content:"";position:absolute;background-color:#149fcb;width:3em;height:2px;left:0;bottom:0;margin-left:0;transition:all .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito Sans,sans-serif;color:#090a0f}body:before{content:"";position:fixed;top:0;height:4px;background-color:#149fcb;width:100%;z-index:999;scale:0 1;transform-origin:left;animation:scroll-watcher linear;animation-timeline:scroll()}#cursor-follower-dot,#cursor-follower-border{position:fixed;transform:translate(-50%,-50%);border-radius:50%;z-index:99999;pointer-events:none}#cursor-follower-dot{width:6px;height:6px;background-color:#149fcb}#cursor-follower-border{width:24px;height:24px;border:1px solid #149fcb;opacity:.75;transition:all .1s ease-in-out}@media (prefers-reduced-motion: no-preference){@keyframes scroll-watcher{to{scale:1 1}}@keyframes move-star{0%{translate:0}to{translate:0 -150vh}}@keyframes slide{to{translate:0 100%}}}@keyframes blink{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes shine{0%{translate:-100% 0}to{translate:100% 0}}.section,#header,#footer{position:relative}.section,.section .heading-wrapper{display:flex;flex-direction:initial;gap:initial;justify-content:center}.section .heading-wrapper .section-heading{position:relative;font-size:4em;margin-bottom:1.5em}.section .heading-wrapper .section-heading:after{height:4px;left:calc(50% - 1.5em)}.section .container{margin:6em 4em;padding:2.5em;width:100%;max-width:1200px;background-color:#fff;border-radius:20px;box-shadow:0 2px 5px 1px #090a0f1a}.section .container .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));grid-gap:2em}.section .container .row .col{min-width:calc(50% - 1em)}.container{max-width:1440px;margin:auto}.container .row{position:relative;z-index:1}.stars{position:absolute;left:0;top:0;right:0;height:100%;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%)}.stars .star{position:absolute;background-color:#fff;border-radius:50%;animation:move-star linear infinite}.stars .star.size-1{width:1px;height:1px}.stars .star.size-2{width:2px;height:2px;background-color:#ffffc1}.stars .star.size-3{width:3px;height:3px;background-color:#c9f2ff}.loading{display:flex;flex-direction:row;gap:.5em;justify-content:center;align-items:center;font-size:2rem;margin-bottom:2em}.loading svg{animation:spin infinite 1.5s linear}.btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:1.25rem;padding:.4em 1.5em;color:#f0f2f5;border:2px solid #149fcb;border-radius:2em;transition:all .5s ease}.btn svg{rotate:-45deg}.btn:hover{translate:0 -4px;background-color:transparent;color:#149fcb}#header{position:fixed;top:0;width:100%;padding:.75em 1.5em;background-color:#fff;color:#090a0f;z-index:99;transition:all .5s ease}#header.transparent{background-color:transparent;padding:1.5em;color:#f0f2f5}#header #navbar{display:flex;flex-direction:initial;gap:initial;justify-content:space-between;align-items:center}#header #navbar .logo{display:contents}#header #navbar .logo img{max-height:50px;border-radius:50%}#header #navbar .nav-menu-toggler{width:24px;height:24px;background-color:transparent;border:none;display:flex;flex-direction:column;gap:initial;justify-content:space-around;cursor:pointer;display:none}#header #navbar .nav-menu-toggler .bar{width:100%;height:3px;background-color:#149fcb;transition:rotate .5s ease-in-out}#header #navbar .nav-menu-toggler.open .bar{scale:1.2}#header #navbar .nav-menu-toggler.open .bar:first-child{rotate:-45deg;translate:0 8px}#header #navbar .nav-menu-toggler.open .bar:nth-child(2){visibility:hidden}#header #navbar .nav-menu-toggler.open .bar:last-child{rotate:45deg;translate:0 -8px}#header #navbar #nav-menu .nav-items{list-style:none;display:flex;flex-direction:initial;gap:1.4em;align-items:center;height:100%}#header #navbar #nav-menu .nav-items .nav-item .nav-link{position:relative;padding-bottom:8px;color:inherit;font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none}#header #navbar #nav-menu .nav-items .nav-item .nav-link:after{width:0}#header #navbar #nav-menu .nav-items .nav-item .nav-link.active:after,#header #navbar #nav-menu .nav-items .nav-item .nav-link:hover:after{width:3em}#intro{position:relative;min-height:100dvh;display:flex;flex-direction:initial;gap:initial;justify-content:center;align-items:center;overflow:hidden;color:#fff}#intro .stars{position:fixed}#intro .container{text-align:center;position:fixed;animation:slide linear;animation-timeline:scroll()}#intro .container .intro-title{font-size:4.5rem;margin-bottom:1.25rem}#intro .container .intro-title span{color:#149fcb;filter:blur(.5px)}#intro .container .intro-subtitle{font-size:2.5rem;font-weight:300;margin-bottom:1em}#intro .container .intro-subtitle .cursor-pointer{color:#149fcb}#intro .container .intro-subtitle .cursor-pointer.blink{animation:blink .4s linear infinite alternate}#projects{background-color:#f0f2f5}#projects .container{background-color:transparent;box-shadow:none;padding:0}#projects .container .project-card{position:relative;border-radius:12px;padding:1em;margin-bottom:2em;box-shadow:0 2px 5px 1px #090a0f1a;background-color:#fff;display:flex;flex-direction:column;gap:initial}#projects .container .project-card.skeleton .thumbnail img{visibility:hidden}#projects .container .project-card.skeleton .thumbnail,#projects .container .project-card.skeleton .details>*{position:relative;background-color:#f0f2f5;overflow:hidden}#projects .container .project-card.skeleton .thumbnail:after,#projects .container .project-card.skeleton .details>*:after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;animation:shine 1s infinite;background:linear-gradient(to right,#fff0 0%,#fff9 50%,#fff0 100%)}#projects .container .project-card.skeleton .title{height:2rem;border-radius:4px}#projects .container .project-card.skeleton .description{height:6rem;border-radius:4px}#projects .container .project-card.skeleton .language{height:1.5rem;min-width:30%;border:none!important}#projects .container .project-card .thumbnail,#projects .container .project-card .title{translate:0 -50px}#projects .container .project-card .description{translate:0 -37.5px}#projects .container .project-card .thumbnail{position:relative;display:inherit;overflow:hidden;border-radius:12px;filter:drop-shadow(-10px 0 10px #ffffff);z-index:2}#projects .container .project-card .thumbnail img{min-width:100%;aspect-ratio:16/9;object-fit:cover;overflow:hidden;transition:scale 1s ease}#projects .container .project-card .thumbnail img.back{position:absolute;top:0;bottom:0;width:100%;height:100%;opacity:0}#projects .container .project-card .thumbnail:before,#projects .container .project-card .thumbnail .links{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;translate:0 100%}#projects .container .project-card .thumbnail:before{content:"";background:linear-gradient(#149fcb99,#090a0fcc)}#projects .container .project-card .thumbnail .links{display:flex;flex-direction:row;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;transition:all .4s ease}#projects .container .project-card .thumbnail .links .link{padding:.4em 1.25em;font-size:1.1rem;text-decoration:none;background-color:transparent;border:2px solid #ffffff;color:#f0f2f5;border-radius:4px;transition:all .5s ease}#projects .container .project-card .thumbnail .links .link:hover{color:#090a0f;background-color:#fff;scale:.9}#projects .container .project-card .details{position:relative;padding:1em;flex-grow:1;display:flex;flex-direction:column;gap:initial}#projects .container .project-card .details .title{text-transform:capitalize;font-size:1.5rem}#projects .container .project-card .details .description{flex-grow:1}#projects .container .project-card .details .techs{display:flex;flex-wrap:wrap;gap:4px}#projects .container .project-card .details .techs .language{border:1px solid #090a0f;font-size:.8rem;font-weight:300;padding:2px 8px;border-radius:2em;background-color:#149fcb1a}#projects .container .project-card:not(.skeleton):hover .thumbnail:before,#projects .container .project-card:not(.skeleton):hover .thumbnail .links{opacity:1;translate:0}#projects .container .project-card:not(.skeleton):hover .thumbnail img{scale:1.25}#projects .container .project-card:not(.skeleton):hover .thumbnail img.back{opacity:1}#projects .container .btn.view-more{position:relative;margin-top:1em;font-size:1rem;padding:.75em 1.5em;text-transform:uppercase;border-width:0;overflow:hidden}#projects .container .btn.view-more>span,#projects .container .btn.view-more svg{z-index:2}#projects .container .btn.view-more:hover{color:#149fcb}#about{background-color:#fff}#about .container{color:#f0f2f5;overflow:hidden;border-radius:.375em;box-shadow:2px 10px 30px #00000040;position:relative}#about .container .col{perspective:1000px}#about .container .col .profile,#about .container .col .skills,#about .container .col .title,#about .container .col .info{transform:rotateY(18deg)}#about .profile{display:flex;flex-direction:initial;gap:initial;justify-content:center;margin-bottom:2em}#about .profile img{width:200px;aspect-ratio:1/1;max-width:100%;clip-path:polygon(50% 0%,83% 12%,100% 43%,94% 78%,68% 100%,32% 100%,6% 78%,0% 43%,17% 12%)}#about .skills{display:flex;flex-direction:column;gap:1em;list-style:none}#about .skills .skill-item{position:relative;padding:6px 12px;background-color:#149fcb66;border-radius:4px;overflow:hidden}#about .skills .skill-item .skill-data{position:relative;display:flex;flex-direction:initial;gap:initial;justify-content:space-between;color:#f0f2f5;z-index:1}#about .skills .skill-item .skill-data .skill-percent{color:#090a0f}#about .skills .skill-item .progress{position:absolute;top:0;left:0;bottom:0;background-color:#149fcb;transform-origin:left;scale:0 1;animation:scroll-watcher linear forwards 1s}#about .title{position:relative;font-size:2.5rem;font-weight:400;margin-bottom:.75em}#about .title:after{height:4px}#about .info p{font-size:1.25rem;font-weight:300;margin-bottom:1em}#footer{color:#f0f2f5;text-align:center}#footer .content{position:relative;padding:1em}#footer .content a{color:#149fcb;text-decoration:none}#contact{padding:3em}#contact .heading{font-size:2.5rem;margin-bottom:1em;text-transform:uppercase;filter:blur(.75px)}#contact .social-icons{text-align:center}#contact .social-icons .icon{display:inline-flex;font-size:1.5rem;color:#f0f2f5;padding:.6rem;margin:0 .25rem;transition:.5s}#contact .social-icons .icon:hover{color:#fff;translate:0 -4px}@media only screen and (max-width: 904px){#about .container{margin-left:0;margin-right:0;padding-top:2em!important;padding-bottom:2em!important;border-radius:0}}@media only screen and (max-width: 768px){#header #navbar .nav-menu-toggler{display:flex}#header.transparent #navbar #nav-menu{background-color:transparent;border:none}#nav-menu{position:absolute;top:100%;left:0;width:100%;overflow:hidden;translate:0;opacity:1;background-color:#fff;transition:all .5s ease;padding:1em;border-top:1px solid #149fcb;border-bottom:1px solid #149fcb}#nav-menu.mobile-hidden{translate:0 200%;opacity:0}#nav-menu .nav-items{flex-direction:column!important}#intro .container{padding:0 1em}#intro .container .intro-title{font-size:3rem}#intro .container .intro-subtitle{font-size:2rem}.section .container{margin:4em 2em}#about .row .col:nth-child(2){grid-row:1}#contact .heading{font-size:2rem}}@media only screen and (max-width: 540px){#intro .container .intro-title{font-size:2rem}#intro .container .intro-subtitle{font-size:1.25rem}.section .section-heading{font-size:2.5em!important}.section .container .row{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}#about .container{padding:1.5em}#contact .heading{font-size:1.5rem!important}}@media only screen and (max-width: 350px){#contact .social-icons .icon{font-size:1rem}}::-webkit-scrollbar{background-color:#090a0f;width:10px}::-webkit-scrollbar-thumb{background-color:#149fcbcc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#149fcb}