@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;700&family=Quattrocento+Sans:wght@400;700&family=Quicksand:wght@400;500;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:62.5%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{background-color:#1b1b1b;font-family:Quicksand,sans-serif;color:#fff}li{list-style:none}input,button,textarea,select{font:inherit}a{color:#1b1b1b}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}body::-webkit-scrollbar-thumb{background-color:#434343;outline:1px solid rgb(36,41,45);border-radius:10px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 375px){.container{max-width:375px}}@media (min-width: 425px){.container{max-width:425px}}@media (min-width: 650px){.container{max-width:650px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}@media (min-width: 0px){body{font-size:1.4rem}}@media (min-width: 375px){body{font-size:1.6rem}}@media (min-width: 650px){body{font-size:1.8rem}}@media (min-width: 1280px){body{font-size:2rem}}p{font-size:1.4rem;font-family:Quicksand,sans-serif;line-height:1.6}@media (min-width: 375px){p{font-size:1.6rem}}@media (min-width: 650px){p{font-size:1.8rem}}@media (min-width: 1280px){p{font-size:2rem}}h1,h2,h3,h4,h5{font-family:Oswald,sans-serif;line-height:1.35}h1{font-size:5.892rem}@media (min-width: 650px){h1{font-size:6.734rem}}@media (min-width: 1024px){h1{font-size:7.576rem}}@media (min-width: 1280px){h1{font-size:8.417rem}}h2{font-size:4.42rem}@media (min-width: 650px){h2{font-size:5.052rem}}@media (min-width: 1024px){h2{font-size:5.683rem}}@media (min-width: 1280px){h2{font-size:6.315rem}}h3{font-size:3.316rem}@media (min-width: 650px){h3{font-size:3.79rem}}@media (min-width: 1024px){h3{font-size:4.263rem}}@media (min-width: 1280px){h3{font-size:4.737rem}}h4{font-size:2.488rem}@media (min-width: 650px){h4{font-size:2.843rem}}@media (min-width: 1024px){h4{font-size:3.198rem}}@media (min-width: 1280px){h4{font-size:3.554rem}}h5{font-size:1.866rem}@media (min-width: 650px){h5{font-size:2.133rem}}@media (min-width: 1024px){h5{font-size:2.399rem}}@media (min-width: 1280px){h5{font-size:2.666rem}}button{font-family:Quicksand,sans-serif;font-size:1.6rem;min-width:3rem;padding:.3em 1em;color:#1b1b1b;border:none;box-shadow:#11111a1a 0 4px 16px,#11111a0d 0 8px 32px}@media (min-width: 650px){button{font-size:1.8rem}}@media (min-width: 1024px){button{font-size:2rem}}button.primary-btn{background-color:#ffc149}.navbar{position:fixed;z-index:-50;bottom:0;right:0;width:100vw;height:175px}.navbar.active{z-index:100}.navbar__button{z-index:100;position:fixed;overflow:hidden;bottom:20px;right:20px;background-color:#ffc149;width:50px;height:50px;font-size:25px;padding:0;border-radius:50%;color:#414141;transition:all .2s ease-out;border:1px white solid;animation:wobble2 1s}.navbar__button.active{bottom:195px;animation:wobble 1s}.navbar__button span{width:70%;height:3px;background-color:#343434;position:absolute;transform:tranlate(-50%,-50%);border-radius:20px;transition:all .35s ease-out}.navbar__button span:nth-child(1){top:14px;left:9px;width:20px}.navbar__button span:nth-child(1).active{width:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.navbar__button span:nth-child(2){top:30px;width:25px;left:9px}.navbar__button span:nth-child(2).active{width:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.navbar__button span:nth-child(3){left:9px;top:22px}.navbar__button span:nth-child(3).active{transform:translate(150%,-50%)}.navbar__list{position:relative;z-index:90;background-color:#262626;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transition:all .2s ease-out;color:#fff}.navbar__list.active{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.navbar__list-item{font-size:20px;font-family:Quattrocento Sans,sans-serif;text-transform:uppercase}.navbar__list-item a{color:#fff}.navbar__list-item-deco{position:relative}.navbar__list-item-deco:before{content:"";width:70vw;height:1px;background-color:#ffffff36;position:absolute;top:-80%;left:50%;transform:translate(-50%,50%)}.navbar__list-item-deco:after{content:"";width:70vw;height:1px;background-color:#ffffff36;position:absolute;bottom:-80%;left:50%;transform:translate(-50%,50%)}@keyframes wobble{0%{transform:translateY(0)}15%{transform:translateY(-25%)}30%{transform:translateY(20%)}45%{transform:translateY(-15%)}60%{transform:translateY(10%)}75%{transform:translateY(-5%)}to{transform:translateY(0)}}@keyframes wobble2{0%{transform:translateY(0)}15%{transform:translateY(-25%)}30%{transform:translateY(20%)}45%{transform:translateY(-15%)}60%{transform:translateY(10%)}75%{transform:translateY(-5%)}to{transform:translateY(0)}}.scroller{max-width:800px;margin-inline:auto}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#1B1B1B 20%,#1B1B1B 80%,transparent);mask:linear-gradient(90deg,transparent,#1B1B1B 20%,#1B1B1B 80%,transparent)}.scroller[data-animated=true] .scroller__inner{width:fit-content;flex-wrap:nowrap;animation:scroll 40s linear infinite 1s}.scroller[data-animated=true] .scroller__inner:hover{animation-play-state:paused}.scroller__list-item{padding:1.2rem;border-radius:5px}.scroller__list-item-image{height:30px}@media (min-width: 650px){.scroller__list-item-image{height:40px}}@media (min-width: 1024px){.scroller__list-item-image{height:50px}}.scroller__inner{display:flex;gap:1.6rem;flex-wrap:wrap;padding-block:.75rem}@keyframes scroll{to{transform:translate(calc(-50% - .8rem))}}.project{max-width:750px;margin-block:6rem;position:relative;margin-inline:auto;text-align:left}.project:after{content:"";width:70%;height:2px;background-color:#262626;position:absolute;left:50%;transform:translate(-50%,40px)}.project__title{text-transform:uppercase;margin-block:1rem}.project__title-role{display:block}@media (min-width: 650px){.project__title-role{display:inline}}.project__tech-stack{margin-block:3rem;display:flex;flex-wrap:wrap;gap:2rem}.project__tech-stack-img-wrapper{position:relative}.project__tech-stack-img-wrapper:hover:before{transform:translate(-50%) scale(1)}.project__tech-stack-img-wrapper:before{content:attr(data-tech-name);text-transform:uppercase;position:absolute;top:-55px;left:50%;background-color:#262626b3;padding:.75rem;border-radius:10px;transform:translate(-50%) scale(0);transition:all .2s}.project__tech-stack-img{max-height:40px}.project__site-warning-wrapper{position:relative;margin-bottom:3rem}.project__site-warning-wrapper-close{position:absolute;right:0;top:0;height:30px;width:30px;line-height:28px;text-align:center;transition:all .2s ease-out}.project__site-warning-wrapper-close:hover{color:#ffffff5a}.project__site-warning{background-color:#ea5736;padding:1.5rem 2rem}.project__body{position:relative;height:100%;height:205px;transition:all .3s}.project__body.animate{height:250px}@media (min-width: 375px){.project__body.animate{height:275px}}@media (min-width: 425px){.project__body.animate{height:300px}}@media (min-width: 650px){.project__body.animate{height:425px}}@media (min-width: 1024px){.project__body.animate{height:500px}}.project__content{margin-block:1rem}.project__content-btn{display:inline;background-color:#fff0;padding:0;margin:0;color:#ffc149;transition:all .2s}@media (min-width: 1024px){.project__content-btn:hover{color:#ffc14980}}.project__content-paragraph{position:absolute;z-index:1;opacity:1;transition:all .3s;height:115px}.project__content-paragraph.animate{height:165px;overflow-y:scroll;-webkit-mask:linear-gradient(transparent,#1B1B1B 0%,#1B1B1B 90%,transparent);mask:linear-gradient(transparent,#1B1B1B 0%,#1B1B1B 90%,transparent);padding-right:.75rem;padding-block:1.2rem 2rem}@media (min-width: 375px){.project__content-paragraph.animate{height:180px}}@media (min-width: 425px){.project__content-paragraph.animate{height:200px}}@media (min-width: 650px){.project__content-paragraph.animate{height:345px}}@media (min-width: 1024px){.project__content-paragraph.animate{height:400px}}.project__content-paragraph.animate li{list-style:circle;margin-left:50px;margin-block:1rem}.project__content-paragraph.animate h5{text-transform:uppercase}.project__content-paragraph::-webkit-scrollbar{width:8px}.project__content-paragraph::-webkit-scrollbar-track{background:#FFC149;border-radius:10px}.project__content-paragraph::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:20px}.project__content-image{width:100%;position:relative;z-index:2;transition:all .4s;clip-path:polygon(0 0,100% 0,100% 0,0 0)}@media (min-width: 650px){.project__content-image{height:100%;max-height:200px}}@media (min-width: 1024px){.project__content-image:hover{scale:1.35}}@media (min-width: 1024px){.project__content-image:hover{scale:1.4}}.project__content-image.animate{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);max-height:600px}.project__content-image.animate~.project__content-paragraph{opacity:0}.project__action-wrapper{display:flex;align-items:center;gap:1.6rem;width:100%;position:absolute;bottom:0}.project__btn{text-align:center;text-decoration:none}.project__btn.view{background-color:#ffc149;padding:1.2rem;width:clamp(150px,40%,200px);color:#1b1b1b;transition:all .2s ease-out}.project__btn.view:hover{box-shadow:0 0 10px #ffcf67;transform:translateY(-3px)}.project__btn-image{max-height:40px;font-size:35px;transition:all .2s ease-out}.project__btn-image:hover{transform:translateY(-3px)}.fan-card-wrapper{position:relative;width:180px;aspect-ratio:5/7;scale:.55;transform:translateY(30%)}@media (min-width: 375px){.fan-card-wrapper{scale:.8}}@media (min-width: 425px){.fan-card-wrapper{scale:.9}}@media (min-width: 650px){.fan-card-wrapper{scale:1}}.fan-card{aspect-ratio:5/7;position:absolute;border-radius:8px;transition:all .7s cubic-bezier(.1,.67,.3,.86);box-shadow:#0009 0 15px 30px;border:1px #1B1B1B solid}.fan-card__title{position:absolute;width:max-content;transform:translate(-50%,-50%);left:50%;top:-250px}.fan-card--big{width:180px}.fan-card--big:nth-child(3){transform:translate(-10%) rotate(-1deg);z-index:1;background-color:#fff}.fan-card--big:nth-child(3).active{transform:translate(-60%,3%) rotate(-8deg)}.fan-card--big:nth-child(4){z-index:2;transform:rotate(2deg);background-color:#c9c9c9}.fan-card--big:nth-child(5){z-index:3;transform:translate(9%) rotate(4deg);display:flex;flex-direction:column;justify-content:end;object-fit:contain;background-color:#e7e7e7}.fan-card--big:nth-child(5).active{transform:translate(60%,6%) rotate(12deg)}.fan-card--small{width:70px;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 .4rem}.fan-card--small.active:nth-child(1){top:-120px;left:-50px;transform:translate(-50%,-50%) rotate(-15deg);background-color:#4a4a4a}.fan-card--small.active:nth-child(2){top:-80px;left:230px;transform:translate(-50%,-50%) rotate(28deg);background-color:#4a4a4a}.fan-card__arrow{position:absolute;width:100px}.fan-card__arrow.left{transform:translate(-20px,-55px) rotate(90deg) rotateX(180deg)}.fan-card__arrow.right{transform:translate(-30px,-60px) rotate(90deg)}.fan-card__image{height:100px;transform:translate(45%,60%);cursor:pointer}.fan-card__image-portfolio-pic{width:100%;position:relative;transform:translateY(-5px);border-radius:10px}.fan-card__image-small{width:100%;position:relative;top:50px;transform:translateY(-50%)}.contact-form{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;width:100%;max-width:500px}.contact-form__textarea{border:none;background-color:#ffffff4d;border-radius:3px;color:#fff;height:250px;padding:.75rem;resize:none;width:100%}.contact-form__textarea:focus{outline:1px #FFC149 solid;box-shadow:0 0 10px #d7be87}.contact-form__textarea-wraper{position:relative}.contact-form__textarea-wraper label{position:absolute;color:#fff9;top:10px;left:15px}.contact-form__email{border-radius:3px;width:100%;background-color:#ffffff4d;border:none;padding:1.8rem 1rem;color:#fff}.contact-form__email:focus{outline:1px #FFC149 solid;box-shadow:0 0 10px #d7be87}.contact-form__email-wraper{position:relative}.contact-form__email-wraper label{position:absolute;color:#fff9;transform:translateY(-50%);top:50%;left:15px}.contact-form__submit{border-radius:3px;background-color:#ffc149;color:#1b1b1b;padding:1.8rem 1rem;margin-top:.5rem;transition:all .2s ease-out}.contact-form__submit:hover{box-shadow:0 0 10px #ffcf67;transform:translateY(-3px)}.popup{background-color:#000;position:fixed;top:20px;width:90%;max-width:700px;padding:2rem;text-align:center;transform:translate(-50%);left:50%;border-top-right-radius:5px;border-top-left-radius:5px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px}.popup__close{position:absolute;top:10px;right:10px;transition:all .2s ease-out}.popup__close:hover{color:#ffffff5a}.popup__timer{background-color:#345684;width:100%;height:5px;position:absolute;transform:translate(-50%);left:50%;bottom:-5px;animation:countDown 5s linear;border-radius:10px}@keyframes countDown{to{width:0%;left:0}}.header{position:relative}.header__hero-wrapper{padding-top:1.2rem;padding-bottom:5rem;background-color:#262626;color:#fff;width:100%;position:relative;margin-bottom:1rem}@media (min-width: 650px){.header__hero-wrapper{padding-bottom:3rem;margin-bottom:7rem}}@media (min-width: 1024px){.header__hero-wrapper{padding-bottom:10rem}}@media (min-width: 1024px){.header__content-flex{display:flex;flex-direction:column;align-items:center}}.header__primary{animation:fade-in-left 1s}.header__primary-start{color:#ffc149}.header__content-wraper{position:relative}.header__secondary{margin-top:1rem;position:relative;display:inline-block;animation:fade-in-right 1s}@media (min-width: 425px){.header__secondary{margin-top:2rem}}@media (min-width: 650px){.header__secondary{position:absolute;bottom:-50px;right:100px}}@media (min-width: 1024px){.header__secondary{bottom:-90px;right:-150px}}.header__secondary-main{font-weight:400;letter-spacing:5px}.header__secondary-sub{font-weight:400;font-size:1.2rem;letter-spacing:2px;position:absolute;bottom:-25px;right:-30px}@media (min-width: 375px){.header__secondary-sub{right:-60px}}@media (min-width: 650px){.header__secondary-sub{bottom:-35px;font-size:1.6rem}}@media (min-width: 1024px){.header__secondary-sub{font-size:1.8rem}}@media (min-width: 1280px){.header__secondary-sub{font-size:2rem}}.header__cta{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:2rem}@media (min-width: 650px){.header__cta{margin-top:5rem}}.header__cta-content{max-width:300px;margin-block:2rem}@media (min-width: 650px){.header__cta-content{max-width:400px}}@media (min-width: 1024px){.header__cta-content{max-width:100%}}.header__cta-btn-wrapper{width:100%}@media (min-width: 650px){.header__cta-btn-wrapper{margin-top:2rem}}.header__cta-btn{width:90%;max-width:320px;margin:1rem;padding:1.2rem;text-transform:uppercase;display:inline-block}@media (min-width: 425px){.header__cta-btn{width:calc(50% - 2rem)}}@media (min-width: 650px){.header__cta-btn:first-of-type{max-width:250px}.header__cta-btn:last-of-type{max-width:200px}}.header__cta-btn--primary{background-color:#ffc149;transition:all .2s ease-out}.header__cta-btn--primary:hover{box-shadow:0 0 10px #ffcf67;transform:translateY(-3px)}.header__cta-btn--secondary{background-color:#fff;transition:all .2s ease-out}.header__cta-btn--secondary:hover{box-shadow:0 0 10px #fff;transform:translateY(-3px)}.featured{margin-block:10rem;position:relative;text-align:center}.featured:before{content:"";width:75%;height:2px;background-color:#262626;position:absolute;left:50%;top:-50px;transform:translate(-50%)}.featured:after{content:"";width:75%;height:2px;background-color:#262626;position:absolute;left:50%;bottom:-50px;transform:translate(-50%)}.featured__title{text-align:left}@media (max-width: 330px){.featured__title{font-size:3.5rem}}@media (min-width: 1024px){.featured__title{text-align:center}}.featured__project-link{text-align:center;display:inline-block;text-decoration:none;color:#fff;text-transform:uppercase;transition:all .2s;position:relative;cursor:pointer;margin-top:2rem}.featured__project-link:before{content:"All projects showcase is currently in development, connect with me to stay up to date.";text-transform:none;position:absolute;width:250px;top:-95px;left:50%;background-color:#262626b3;padding:.75rem;border-radius:10px;transform:translate(-50%) scale(0);transition:all .2s}@media (min-width: 375px){.featured__project-link:before{width:350px}}@media (min-width: 650px){.featured__project-link:before{width:500px}}@media (min-width: 1024px){.featured__project-link:before{width:max-content;top:-55px}}.featured__project-link:after{content:"";width:130%;height:1px;background-color:#afafaf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:all .2s}.featured__project-link:hover:after{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.featured__project-link:hover:before{transform:translate(-50%) scale(1);color:#fff}.featured__project-link:hover{color:#ffffff80}.bio{margin-block:2rem;margin-bottom:4rem;padding:1.2rem;background-color:#262626}.bio__title{margin-block:2rem;text-align:center}@media (min-width: 650px){.bio__title{text-align:left}}@media (min-width: 1024px){.bio__title{text-align:center}}@media (max-width: 330px){.bio__title{font-size:3.5rem}}.bio__body{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 650px){.bio__body{flex-direction:row;gap:1.5rem;flex-wrap:wrap}}@media (min-width: 1024px){.bio__body{max-width:1008px;margin:0 auto}}@media (min-width: 1280px){.bio__body{max-width:1250px;margin:0 auto}}.bio__body-content-image{max-width:80%}@media (min-width: 650px){.bio__body-content-image{max-width:40%}}@media (min-width: 1024px){.bio__body-content-image{max-width:250px}}@media (min-width: 1280px){.bio__body-content-image{max-width:320px}}@media (min-width: 650px){.bio__body-content{max-width:55%}}.bio__body-content-span{display:block;margin-top:2rem}@media (min-width: 1280px){.bio__body-content-span{margin-top:5rem}}.bio__body-content-cta{width:80%;padding:1.2rem;margin-block:2rem;text-align:center;text-decoration:none;text-transform:uppercase;background-color:#ffc149;transition:all .2s ease-out}.bio__body-content-cta:hover{box-shadow:0 0 10px #ffcf67;transform:translateY(-3px)}@media (min-width: 650px){.bio__body-content-cta{order:10;position:relative;left:-160px;max-width:300px}}@media (min-width: 1024px){.bio__body-content-cta{left:-261px}}@media (min-width: 1280px){.bio__body-content-cta{left:-351px;max-width:320px}}@media (min-width: 1024px){.bio-sub{text-align:center}}.bio-sub__title{margin-block:2rem}.bio-sub__title-span{display:block}@media (min-width: 650px){.bio-sub__title-span{display:inline}}@media (min-width: 1024px){.bio-sub__content{max-width:75ch;margin:0 auto;text-align:left}}.bio-sub__misc-wrapper{display:flex;justify-content:baseline;align-items:center;gap:1.5rem;margin-block:2rem}.bio-sub__misc-wrapper a{color:#ffc149;margin:0 10px;transition:all .2s}.bio-sub__misc-wrapper a:hover{color:#ffc14999}@media (min-width: 650px){.bio-sub__misc-wrapper{margin-block:3rem}}@media (min-width: 1024px){.bio-sub__misc-wrapper{max-width:800px;margin-inline:auto;align-items:center}}@media (min-width: 1280px){.bio-sub__misc-wrapper{max-width:1000px}}.bio-sub__misc-content{text-align:left}@media (min-width: 1280px){.bio-sub__misc-content{max-width:55ch}}.bio-sub__misc-image{max-width:50%}@media (min-width: 650px){.bio-sub__misc-image{max-width:300px}}.bio-sub__misc-icon{max-width:30px}.links{margin-block:2rem;padding:1.2rem;background-color:#262626;height:410px;position:sticky;top:0}.links__title{margin:0 auto;display:block;width:fit-content;position:relative;top:70px;opacity:0;transition:all .5s ease-in}.links__title.active{opacity:1;top:0}.links>.container{display:grid;place-items:center;height:100%}@media (min-width: 375px){.links{height:500px}}@media (min-width: 425px){.links{height:550px}}@media (min-width: 650px){.links{height:600px}}.contact{position:sticky;z-index:3;background-color:#1b1b1b;top:0;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.contact .container{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 650px){.contact .container{align-items:center}}.contact__title span{display:block}@media (min-width: 650px){.contact__title span{display:inline}}@media (max-width: 330px){.contact__title{font-size:3.5rem}}.contact__availablity{display:flex;margin-block:2rem;align-items:center}.contact__availablity-light{width:20px;height:20px;background-color:#0bff07;box-shadow:0 0 10px #78dd76;border-radius:50%;margin-right:2rem;animation:lightFlash 4s ease infinite}@keyframes fade-in-left{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes lightFlash{0%{background-color:#027100;box-shadow:0 0 10px #2a4e29}50%{background-color:#0bff07;box-shadow:0 0 10px #78dd76}to{background-color:#027100;box-shadow:0 0 10px #2a4e29}}.sticky-container{position:relative}