header{padding:.2rem;transition:all .2s}header ol{font-family:var(--font-jetbrains-mono)}header{background-color:var(--background)}header:hover li{transition:all .2s}header:hover li:hover{color:var(--color-red-500);text-decoration:line-through}
#introduction img{transition:all .2s}#introduction img:hover{transform:scale(.92)}#introduction p{font-family:var(--font-jetbrains-mono);font-size:var(--aux-super-text)}#introduction span{background-color:var(--color-red-500)}#introduction h1{font-size:var(--super-large-text);line-height:1.2}
#about{background-color:var(--color-red-500);margin-bottom:-15rem}#about h1{font-family:var(--font-Handjet);font-size:var(--super-large-text-secondary);color:var(--text-white)}#about .card{background-color:var(--background);max-width:550px;margin-top:-10rem}#about .card h1{font-family:var(--font-Chakra);font-size:var(--large-text);color:var(--text-white)}#about .card h3{font-size:var(--small-text);font-family:var(--font-jetbrains-mono);border-top:1px solid #80808059;border-bottom:1px solid #8080806b}#about .card .tech{font-family:var(--font-jetbrains-mono);color:#8080805f;border:1px solid #8080805f;border-radius:2rem;padding:.2rem .8rem}#about .card .tech-2{font-family:var(--font-jetbrains-mono);color:var(--background);background-color:#fff;border:1px solid #8080805f;border-radius:2rem;padding:.2rem .8rem}
#light-foreground{background-color:var(--color-foreground)}#light-foreground h3{color:var(--color-black);font-size:var(--large-text);font-family:var(--font-Handjet);font-size:var(--super-large-text-secondary)}
.featured-project{background-color:var(--foreground);border-radius:2rem;padding:1rem;transition:all .2s}.featured-project img{z-index:2;background-color:var(--glass-foreground);border-radius:1rem;width:440px;height:250px}.featured-project .container-text{z-index:5;padding:1rem;line-height:1;position:absolute;bottom:5px}.featured-project div{opacity:none;margin-top:.8rem;transition:all .2s;display:none}.featured-project div h1,.featured-project div p{color:var(--background)}.featured-project div h1{font-size:var(--large-text)}.featured-project:hover{transform:scale(1.05)}.featured-project:hover div{opacity:1;display:block}.featured-project:active{transform:scale(.92)}.large-project{transform:scale(1.2)}.large-project div{transition:all .2s;display:none}.large-project:hover{transform:scale(1.25)}.large-project:hover div{display:block}
footer{background-color:var(--foreground);margin-top:4rem;padding:4rem}footer h1{font-size:var(--super-large-text);color:var(--color-black);font-weight:bolder;line-height:1.2}footer div{color:var(--color-black);font-weight:700}footer .dashed{border:1px dashed var(--color-black)}footer button{border-bottom:1px solid #0000;transition:all .2s}footer button:hover{border-bottom:1px solid var(--color-black)}footer button:active{transform:scale(.92)}footer div ol+ol{border-left:1px solid var(--color-black);padding-left:1rem}