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 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;height:800px;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 .container-stacks{overflow:hidden;height:350px!important}
.featured-project{background-color:var(--foreground);cursor:context-menu;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);color:var(--background);margin-top:4rem;padding:4rem}footer h1{font-size:var(--super-large-text);font-weight:bolder;line-height:1.2}footer .dashed{border:1px dashed var(--foreground)}footer button{border-bottom:1px solid #0000;transition:all .2s}footer button:hover{border-bottom:1px solid var(--foreground)}