:root{--main-700: #030203;--main-200: #c3fcf2;--accent-300: #c68300;--accent-500: #00c9af;--accent-700: #392d3e}.main-sticky{position:sticky;top:0;height:100%}.sr-only{left:-1000vw;position:absolute}canvas{pointer-events:none}body{line-height:1.6;font-family:Roboto,sans-serif}.has-dark-text-stroke{color:transparent;-webkit-text-stroke:1px var(--accent-500)}.has-light-text-stroke{color:transparent;-webkit-text-stroke:1px var(--accent-300)}.has-reveal-effect{position:relative}.has-reveal-effect:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-color:#000;animation:reveal 3s ease forwards}@keyframes reveal{to{left:100%}}.title{font-family:Poppins,sans-serif;font-size:clamp(3rem,7vw,4.5rem);line-height:1,1}.title-black{color:var(--main-700)}.title-dark{color:var(--accent-500)}.title-white{color:var(--main-200)}.title-acc--light{color:var(--accent-300)}.title-acc--dark{color:var(--accent-500)}.text-black{color:var(--main-700)}.text-dark{color:var(--accent-500)}.text-white{color:var(--main-200)}.has-dark-text-shadow{-webkit-text-stroke:1px black}.has-text-shadow{text-shadow:1px 2px 1px rgba(255,255,255,.5)}.has-box-shadow{box-shadow:0 0 1px #0000004d}.has-fade-animation{opacity:0}.has-slide-left-animation{transform:translate(300px);opacity:0}.has-slide-right-animation{transform:translate(-300px);opacity:0}.transition-1{transition:all 2s ease-in-out}.transition-2{transition:all 1s ease-in-out}.faded{opacity:1}.slide-animated{transform:translate(0)}.has-link-hover{position:relative}.has-link-hover:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in}.has-link-hover:hover:after{transform:scaleX(1);transform-origin:left}.btn{font-family:Poppins,sans-serif;font-weight:700;text-transform:uppercase;text-align:center}.btn-sm{padding:1em .3em;border-radius:10px;font-size:1.5rem;width:120px}.btn-bg{border-radius:10px;font-size:2rem;padding:1.5em .5em}.btn-fill-dark{color:var(--main-700);background-color:var(--accent-500)}.btn-fill-light{color:var(--main-700);background-color:var(--accent-300)}.btn-ghost-dark{color:var(--accent-500);border:3px solid var(--accent-500);transition:background-color .7s ease-in-out}.btn-ghost-dark:hover{background-color:var(--accent-300);color:var(--main-700)}.btn-ghost-light{color:var(--accent-300);border:3px solid var(--accent-300);transition:background-color .7s ease-in-out}.btn-ghost-light:hover{background-color:var(--accent-500);color:var(--main-700)}.contained{width:min(1200px,90%);margin:0 auto}.divider{width:100%;height:1px;background-color:var(--accent-500)}@media screen and (min-width: 798px){.has-gradient-bg{background:#073b4c;background:linear-gradient(180deg,#00c9af 5%,#030203);background:linear-gradient(90deg,#030203 5%,#00c9af 20%,#030203 50%)}.has-gradient-bg .has-gradient-bg{background:#073b4c;background:linear-gradient(90deg,#073b4c 5%,#f2962f 20%,#073b4c 50%)}btn{font-size:1.7rem}}.home-hero{width:100%;height:100svh;display:grid;place-items:center;padding:2em;background:#000;position:sticky;top:0}.home-hero__inner{height:90%;width:90%;background:#000;box-shadow:1px 1px 1px #000000b3;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5em;position:relative}.hero-canvas{position:absolute;height:100%;width:100%}.home-hero__inner:before,.home-hero__inner:after{content:"";position:absolute;width:20%;height:20%;border-radius:5px}.home-hero__inner:before{top:0;left:0;border-left:5px solid var(--accent-500);border-top:5px solid var(--accent-500);box-shadow:-3px -3px 2px #00c9af4d}.home-hero__inner:after{bottom:0;right:0;border-bottom:5px solid var(--accent-300);border-right:5px solid var(--accent-300);box-shadow:3px 3px 2px #c68300}.home-hero__title{font-family:Poppins,sans-serif;font-size:3rem;line-height:1.1;text-align:center}.home-hero__title-small{font-size:3rem}.home-hero__subtitle{display:block;margin-left:3rem}.home-hero__text{text-align:center;font-size:clamp(5rem,13vw,10rem)}.home-hero__buttons{display:flex;justify-content:center;gap:2em}.about__title{margin-bottom:.3em}.about__text{font-size:2rem}.about-section{background-color:var(--main-700);padding:2em}.about{display:flex;gap:2em;justify-content:center;flex-direction:column;align-items:center}.about__inner{display:flex;flex-direction:column;justify-content:center;gap:2em;overflow-x:hidden}.about__cta{height:20.5rem;width:100%;border-radius:5px;padding:2em;margin-top:1em;display:flex;flex-direction:column;align-items:center;justify-content:center}.cta--dark{border:3px solid var(--accent-500)}.cta--light{border:3px solid var(--accent-300)}@media screen and (min-width: 600px){.about__title{text-align:left}}@media screen and (min-width: 798px){.about{flex-direction:row;justify-content:space-around}.about__content{flex-basis:50%}.about__cta{width:30rem;max-height:40rem;margin-top:15rem}.about-right-content{order:2}}.projects__title{margin-bottom:1.3em}.projects__inner{width:95%;margin:0 auto}.projects__title-span{display:block}.projects-section{background-color:var(--main-700);padding:3em 1em;text-align:center}.projects-grid{display:grid;gap:3em;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:120px;grid-auto-flow:dense}.project-light{border:1px solid var(--accent-300);color:var(--accent-300)}.project-dark{border:1px solid var(--accent-500);color:var(--accent-500)}.hor{grid-column:span 2}.ver{grid-row:span 2}.project{border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3em;height:auto;position:relative}.project__title{font-family:Poppins,sans-serif;font-size:2.5rem}.project__description{font-family:Roboto,sans-serif;font-size:1.2rem;color:var(--main-700)}.project__btn{font-family:Roboto,sans-serif;text-transform:uppercase;font-size:3rem;color:var(--main-700);display:block;height:100%;width:100%}.project__link-container{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.project-dark .project__link-container{background-color:var(--accent-300)}.project-light .project__link-container{background-color:var(--accent-500)}@media (hover: hover){.project__link-container{height:90%;width:30%;border-radius:5px;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(90deg);opacity:0;transition:all .35s ease-in-out}.project-dark .project__link-container{background-color:var(--accent-500)}.project-light .project__link-container{background-color:var(--accent-300)}.project__link-container:hover,.project__link-container:active{transform:rotateY(0);opacity:1;width:90%}.project__btn{height:auto}}@media screen and (min-width: 670px){.projects__title-span{display:inline}}@media screen and (min-width: 900px){.projects__inner{width:90%;max-width:1200px;margin:0 auto}}.socials-section{border-radius:5px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em;padding:2em}.socials-section-dark{background-color:var(--accent-500)}.socials-section-dark h1{color:var(--main-700)}.social__logos{display:flex;justify-content:space-around;gap:3em}.logo{width:50px}.techs-section{background-color:var(--main-700);height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.techs{width:90%;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 50px 1fr;grid-template-rows:100px 300px 20px}.techs__heading{border-radius:5px;background-color:var(--accent-300);grid-column:1/3;grid-row:1/-1;text-align:center;padding-top:3em}.techs__list{border-radius:5px;background-color:var(--accent-500);z-index:10;grid-column:2/ -1;grid-row:2/3;overflow:hidden}.techs__list ul{display:grid;grid-auto-rows:47%;place-items:center;overflow:auto}.techs-list__item{text-transform:uppercase;font-size:3rem;flex-grow:1;font-family:Poppins,sans-serif;font-weight:700;font-size:4.5rem;color:var(--main-700);text-shadow:6px 6px 0px rgba(0,0,0,.2)}.techs__list ul::-webkit-scrollbar{width:1em}.techs__list ul::-webkit-scrollbar-track{background:#f2962f80}.techs__list ul::-webkit-scrollbar-thumb{background:var(--main-700)}.stuck{position:sticky;top:5em}.scroll-margin{height:200px;background-color:var(--accent-500)}.portfolio-info{background-color:var(--accent-300);height:100vh;width:100%;position:sticky;top:0;display:grid;place-items:center;text-align:center}.portfolio-info__text{font-size:3rem;font-weight:700;margin-bottom:.5em}.portfolio-info__link{font-size:4rem;color:var(--main-700);font-weight:700}@media screen and (min-width: 798px){.techs{width:70%}}.contact{height:100vh;background-color:var(--main-700);position:sticky;top:0;z-index:100;text-align:center;padding:2em}.contact-canvas{position:absolute;height:100%;width:100%}.contact__inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3em}.contact__title{font-size:4rem}.contact-links-container{border-radius:5px;width:100%;height:auto;padding:2em;display:flex;flex-direction:column;justify-content:space-around;gap:2em}.contact-links-light{background-color:var(--accent-300)}.contact-links-container p{text-transform:uppercase;font-size:2rem;font-weight:700}.contact-links-light p{color:var(--main-700)}.contact-icon{display:block}.contact-icon svg{color:inherit}@media screen and (min-width: 798px){.contact-links-container{flex-direction:row}}.hero{height:70svh;width:100%;display:grid;place-items:center;text-align:center}.project-section{background:var(--main-700)}.project-section__title{font-size:4.5rem;line-height:1.1;text-align:center;border-bottom:1px solid var(--main-200);margin-bottom:2em;padding:.5em}.project-section__inner{padding:2rem}.project__info-title{font-size:4rem;line-height:1.1;margin-bottom:.5em}.project__info-text{font-size:2rem;margin-bottom:1.3em}.project__links{background:var(--main-700)}.project__links-title{text-align:center}.link-stripe{height:150px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}.link-stripe-black{background-color:var(--main-700)}.link-stripe-dark{background-color:var(--accent-500)}.link-stripe-black a{color:var(--accent-300);font-size:2rem;text-transform:uppercase;font-weight:700}.contact-stripe{width:100%;height:150px;text-align:center;display:grid;place-items:center}.contact-stripe-light{background-color:var(--accent-300)}.contact-stripe-light a{color:var(--main-700);font-size:2rem;text-transform:uppercase;font-weight:700}@media screen and (min-width: 798px){.link-stripe{flex-direction:row;gap:3rem}}.single-project-footer{width:100%;height:auto;background-color:var(--main-700)}.single-project-footer__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3em;margin:0 auto;padding:1.3em}.project-footer__link{color:var(--accent-300);font-size:3rem}.header{width:100%;background-color:#00000080;height:70px;position:fixed;z-index:1000}.nav__list{display:flex;flex-direction:column;gap:3em;padding:min(30vh,10rem) 5rem}.nav{background:#3d3c3c66;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);position:fixed;top:0;right:0;bottom:0;left:30%;transition:transform .25s ease-in-out}.navigation-closed{transform:translate(100%)}.navigation-open{transform:translate(0)}.nav-list-item{font-size:3rem;color:var(--main-200);position:relative}.nav-list-item:before{content:"-";position:absolute;left:-20px}.nav-list-link.active:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:currentColor}.mobile-nav-toggle{position:absolute;top:2em;right:2em;z-index:9999}.svg-inline--fa{color:var(--main-200);font-size:2rem}@media (orientation: landscape){.nav__list{gap:1em;padding:min(30vh,5rem) 5rem}.nav-list-item{font-size:2.5rem}@media screen and (min-width: 798px){.nav{top:0;right:0;bottom:0;left:70%}.header{height:50px}.nav-list-item{font-size:3rem}}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}ul{list-style:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{border:none;background:none}a{text-decoration:none;color:inherit}