*{box-sizing:border-box;margin:0;padding:0;outline:0}:root{--palanquin: "Palanquin Dark", serif;--poppins: "Poppins", sans-serif;--pacifico: "Pacifico", serif;--tangerine: "Tangerine", serif}[data-theme=light]{--primary-color: #242126;--secondary-color: #c4c5c9;--secondary-color-80: #c4c5c9bd;--secondary-color-50: #c4c5c97e;--secondary-color-30: #c4c5c94f}[data-theme=dark]{--primary-color: #fbfbfb;--secondary-color: #242126;--secondary-color-80: #242126bd;--secondary-color-50: #2421267e;--secondary-color-30: #2421264f}html{font-size:62.5%;overflow-y:scroll;overflow-x:hidden}html,body{height:100vh;font-family:var(--poppins);color:var(--secondary-color);background-color:var(--primary-color);text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;transition:background-color .5s ease,color .5s ease}body{font-size:1.6rem}body::-webkit-scrollbar{width:1rem}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:var(--secondary-color-30);border-radius:2rem;border:.3rem solid var(--primary-color)}.container{width:90%;max-width:100rem;margin:auto}#header>.container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}h1{font-family:var(--palanquin);font-size:2.8rem;color:var(--secondary-color)}#header>.container>nav>ul{display:flex;align-items:center;gap:3rem;list-style:none}#header>.container>nav>ul>li>a{color:var(--secondary-color);text-decoration:none;font-size:1.6rem;cursor:pointer}#burguer{display:none;cursor:pointer}.burguer-line{width:100%;height:.2rem;border-radius:1rem;background-color:var(--secondary-color)}#mail{width:fit-content;display:inline;padding-top:10rem;margin-left:4rem;border-bottom:.2rem dashed var(--secondary-color);opacity:.7}#mail>a{text-decoration:none;color:var(--secondary-color);transition:opacity .2s ease}#mail:hover{opacity:1}@media (max-width: 610px){#header>.container>nav>ul>li{display:none}#burguer{display:flex;flex-direction:column;justify-content:space-around;gap:.1rem;width:4rem;height:3rem;z-index:3}#burguer.active{transition:transform .2s ease;transform:scale(.7);width:4rem;position:fixed;z-index:4}#burguer.active>.burguer-line:nth-child(1){transition:opacity .2s ease;transform:rotate(45deg) translate(.4rem,1.25rem)}#burguer.active>.burguer-line:nth-child(2){transition:transform .2s ease;opacity:0}#burguer.active>.burguer-line:nth-child(3){transition:transform .1s ease,opacity .2s ease;transform:rotate(-45deg) translate(.2rem,-1rem)}}#theme-switcher>button{background-color:transparent;border:none;padding:.5rem;cursor:pointer}#modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary-color);z-index:2;overflow:hidden}#modal-container{width:100vw;height:100vh;display:flex;align-content:center;justify-content:center}#modal-container>ul{width:100vw;list-style:none;display:flex;flex-direction:column;justify-content:center}#modal-container>ul>li{width:100%}#modal-container>ul>li>a{display:block;width:100%;padding:1.5rem 0 1.5rem 4rem;color:var(--secondary-color);font-size:2.8rem;text-decoration:none;font-family:var(--palanquin);text-transform:uppercase;opacity:.8;transition:opacity .2s ease;cursor:pointer}#modal-container>ul>li>a:hover{opacity:1}#follower{position:fixed;width:9rem;height:9rem;background-color:var(--secondary-color-30);-webkit-backdrop-filter:blur(.7rem);backdrop-filter:blur(.7rem);border-radius:50%;pointer-events:none;font-family:var(--palanquin);font-size:2rem;font-weight:700;text-transform:uppercase;color:var(--primary-color);display:flex;align-items:center;justify-content:center}#follower.animate{animation:mouseFollower .2s cubic-bezier(.165,.84,.44,1)}@keyframes mouseFollower{0%{transform:scale(0)}to{transform:scale(1)}}#hero{margin-top:3rem;margin-bottom:9rem}#hero>.container>p{color:var(--secondary-color);filter:opacity(.7);font-size:1.8rem;font-family:var(--poppins);margin-left:.5rem}#hero>.container>p>span{font-family:var(--pacifico);opacity:1}#hero>.container>h2{color:var(--secondary-color);font-family:var(--palanquin);font-weight:200;font-size:6rem;text-transform:uppercase;line-height:8rem}#cards-container{display:grid;grid-template-areas:"one one two two" "one one three ." "one one . .";grid-gap:1.5rem;margin-top:2rem}.card{width:100%;background-color:var(--secondary-color);border-radius:.5rem;cursor:pointer;position:relative}.card:nth-child(2){grid-area:two;height:30rem;background-image:url(/assets/card-two-illustration-BGNAHI50.png),linear-gradient(45deg,#d0d0d0,#fff,#d0d0d0);background-position:center;background-size:55rem,cover;background-repeat:no-repeat}#cards-container>div:nth-child(3){width:100%;grid-area:one;height:45rem;background-image:url(/assets/card-one-illustration-DlkQBRUk.svg),linear-gradient(45deg,#7196fb,#435995);background-position:center;background-size:18rem,cover;background-repeat:no-repeat}.email{grid-area:three;color:var(--secondary-color)}.email>a{position:relative;color:var(--secondary-color);opacity:.7;text-decoration:underline .1rem dashed;text-decoration-color:#c4c5c981;text-decoration-thickness:.2rem;text-underline-offset:.5rem;transition:opacity .2s ease}.email>a:hover{opacity:1}#inspirational{display:none;font-size:1.6rem}#inspirational h3{font-size:1.6rem}@media (max-width: 1040px){#cards-container{display:flex;flex-direction:column-reverse}}@media (max-width: 740px){#hero>.container>h2{font-size:4rem;line-height:6rem}}@media (max-width: 630px){.card{display:none}#hero{height:90vh;padding-bottom:6rem}#cards-container{flex-direction:column}#inspirational{display:block;position:relative}#inspirational>h3{position:absolute;width:70%;top:3rem;left:3rem;font-family:var(--poppins);font-weight:400;color:#c4c5c9}#inspirational>span{position:absolute;left:3rem;bottom:3rem;color:#c4c5c9b7}#inspirational>img{width:100%;height:40rem;object-fit:cover;border-radius:.5rem}}#illustration{position:relative;height:100vh;overflow:hidden}#illustration>ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;display:flex;flex-direction:column;gap:.5rem}#illustration>ul>li{color:var(--secondary-color-80);font-size:8rem;text-transform:uppercase;font-family:var(--palanquin);font-weight:700;text-wrap:nowrap;word-break:keep-all;pointer-events:none;line-height:8rem;user-select:none;-webkit-user-select:none;-moz-user-select:none}#illustration>ul>li.serif-items{font-family:var(--tangerine);text-transform:capitalize;font-size:13rem;text-shadow:0 0 2px #515151c9}@media (max-width: 1000px){#illustration>ul>li{margin:0;padding:0!important;transform:translate(0);font-size:6rem}#illustration>ul>li.serif-items{font-size:11rem}}@media (max-width: 620px){#illustration{height:70vh}#illustration>ul>li{font-size:3rem;text-align:center}#illustration>ul>li.serif-items{font-size:8rem}}#about{height:100vh}#about h2{margin-top:10rem;font-size:6.2rem;font-weight:400;text-transform:uppercase;font-family:var(--palanquin);color:var(--secondary-color-80)}.line{width:100%;height:2rem;border-bottom:.2rem dashed var(--secondary-color-50);opacity:.4;margin-bottom:2rem}#about p{font-size:1.6rem;font-weight:400;font-family:var(--poppins);color:var(--secondary-color-80);opacity:.8;line-height:2.8rem;margin-bottom:1.8rem}#about p>span{text-decoration:underline .1rem dashed;text-decoration-color:var(--secondary-color-50);text-decoration-thickness:.2rem;text-underline-offset:.5rem;opacity:.7;transition:opacity .2s ease;cursor:pointer}#about p>span:hover{opacity:1}@media (max-width: 670px){#about{margin-bottom:9rem}#about h2{font-size:4rem}}#five-years{height:100vh}.marquee{color:var(--secondary-color-80);text-transform:capitalize;font-style:italic;font-size:1.8rem}#five-years-text{font-size:10rem;font-family:var(--palanquin);font-weight:bolder;text-align:center;padding:15rem 0;text-transform:uppercase;line-height:10rem;color:var(--secondary-color);opacity:0;transform:translateY(10rem)}@media (max-width: 1000px){#five-years-text{font-size:8rem}}@media (max-width: 780px){#five-years-text{font-size:5rem;line-height:4rem;opacity:1;transform:translateY(0);line-height:6rem}}@media (max-width: 500px){#five-years-text{font-size:4rem}#five-years{height:80vh}}@media (max-width: 390px){#five-years-text{font-size:3rem}}#projects-container{padding-bottom:5rem}#projects-container h2{margin-top:10rem;font-size:6.2rem;font-weight:400;text-transform:uppercase;font-family:var(--palanquin);color:var(--secondary-color)}.project{display:flex;align-items:center;gap:3rem;justify-content:space-around;color:var(--secondary-color);margin-bottom:10rem}.project h3{font-size:2rem;font-weight:400;margin-bottom:2rem}.project span{font-size:1.8rem}.project p{padding:2rem 0;width:90%;opacity:.8;font-size:1.6rem}.project a{position:relative;width:fit-content;display:flex;align-items:center;gap:.5rem;border-bottom:.2rem dashed;border-color:var(--secondary-color-50);text-decoration:none;color:var(--secondary-color-80);opacity:.8;transition:opacity .2s ease}.project a:hover{opacity:1;color:var(--secondary-color)}.right-side,.left-side{width:50%}#project-1>.right-side{height:40rem;width:60%;background-image:url(/assets/melhorcidade-illustration-Dm1SsFFT.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;cursor:pointer}#project-2>.left-side{height:40rem;width:60%;background-image:url(/assets/super-smash-pizzas-illustration-Drhh82J7.png);background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;cursor:pointer}#project-3>.right-side{height:40rem;width:60%;background-image:url(/assets/vms-pos-illustration-z8AAW8Qw.png);background-size:contain;border-radius:1rem;background-repeat:no-repeat;background-position:center;position:relative;cursor:pointer}@media (max-width: 1050px){.project{flex-direction:column-reverse;gap:1rem;width:100%}.left-side,.right-side{width:100%}#project-2{flex-direction:column}#project-1>.right-side{width:100%}#project-2>.left-side{width:100%}#project-3>.right-side{width:100%}}@media (max-width: 850px){#projects-container h2{font-size:5rem}}@media (max-width: 500px){#projects-container h2{font-size:3rem}}#collab{padding-bottom:6rem}#collab h2{font-size:6.2rem;font-weight:400;text-transform:uppercase;font-family:var(--palanquin);color:var(--secondary-color);margin-bottom:3rem}#links{display:flex;justify-content:space-between}#links>ul{list-style:none}#links>ul>li{margin-bottom:2rem}#links>ul>li>a{display:flex;gap:1rem;align-items:center;text-decoration:none;opacity:.6;color:var(--secondary-color);transition:opacity .2s ease}#links>ul>li>a:hover{opacity:1}#copy{color:var(--secondary-color-80);margin-top:3rem;opacity:.6}@media (max-width: 900px){#collab>div>h2{font-size:4rem}}@media (max-width: 610px){#collab>div>h2{font-size:3rem}}@media (max-width: 575px){#links{flex-direction:column;gap:0}}#top-arrow{position:fixed;bottom:2rem;right:2rem;z-index:9;width:5rem;height:5rem;background-color:var(--secondary-color-30);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);border:.1rem solid var(--secondary-color);border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:disappeared .5s forwards cubic-bezier(.165,.84,.44,1)}#top-arrow>img{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none}#top-arrow.animate{animation:appeared .5s cubic-bezier(.165,.84,.44,1)}@keyframes appeared{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes disappeared{0%{transform:scale(1)}to{transform:scale(0)}}#skills-container{margin-bottom:20rem}#skills-container h2{font-size:6.2rem;font-weight:400;text-transform:uppercase;font-family:var(--palanquin);color:var(--secondary-color-80)}#skills-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(24rem,auto));grid-gap:1rem}@media (max-width: 560px){#skills-set{grid-template-columns:repeat(auto-fit,minmax(9rem,auto))}}@media (max-width: 670px){#skills-container h2{font-size:4rem}}.skill-item{width:100%;height:10rem;font-size:2rem;font-family:var(--palanquin);display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:2rem;border:.1rem solid var(--secondary-color-30);padding:1rem 3rem;border-radius:.5rem;transition:border-color .2s ease}.skill-item>img{width:4rem;height:4rem}.skill-item:hover{border-color:.1rem solid var(--secondary-color-50)}@media (max-width: 560px){.skill-item{justify-content:center}.skill-item p{display:none}}