@import"https://fonts.googleapis.com/css?family=Special+Gothic+Expanded+One:400|Special+Gothic:400|Silkscreen:400";:root{--bg: light-dark(#f0fff1, #030303);--bg-s: #1b192b;--txt: light-dark(#050508, #fff);--txt-m: light-dark(#616161, #7e7e7e);--acc-p: #3f37c9;--border: hsla(230, 3%, 36%, .4);--warn: #e2d563;--item-size: 0;--font-p: "Special Gothic Expanded One", sans-serif;--font-s: "Silkscreen", monospace;--font-body: "Special Gothic", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-size:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:var(--font-body)}h1,h2,h3,h4,h5,big{font-family:var(--font-p);font-weight:700}h1{font-size:3.053rem}h2{font-size:2.442rem}h3{font-size:1.954rem}h4{font-size:1.563rem}h5{font-size:1.25rem}small{font-size:.8rem}big{font-size:5rem}a,button{all:unset;cursor:pointer}a:hover{filter:brightness(1.5)}p,pre,a{font-size:.9rem;line-height:1.5rem}img{object-fit:cover;width:100%;height:100%}hr{border:1px solid var(--border);width:100%}form{display:flex;flex-direction:column;gap:2rem;width:25rem}input{background:none;color:var(--txt);border:solid 1px var(--border);border-radius:.5rem;padding:1rem}textarea{background:none;color:var(--txt);border:solid 1px var(--border);border-radius:.5rem;padding:1rem;resize:none}canvas{width:100%;height:100%}grid{z-index:-1;top:0;left:0;height:100%;width:100%;position:absolute;background-size:var(--item-size) var(--item-size);background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);-webkit-mask-image:radial-gradient(circle,transparent 50%,rgba(0,0,0,1) 100%);mask-image:radial-gradient(circle,transparent 50%,rgba(0,0,0,1) 100%)}announcement{width:100vw;height:2rem;display:flex;justify-content:center;align-items:center;background:var(--warn);color:var(--bg)}.code-wrapper{z-index:-1;position:absolute;height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:0 25%;animation:flow 10s ease infinite;display:none}.code{width:fit-content;background:var(--bg-s);padding:5%;opacity:10%}nav,section{margin:0 20%;position:relative}section{border:solid 1px var(--border);border-bottom:none}tag{max-width:fit-content;font-family:var(--font-s);font-size:.7rem;padding:.2rem .75rem;background:none;border-radius:1rem;border:solid 1px var(--acc-p);color:var(--acc-p);filter:brightness(1.5)}.overlay{position:absolute}.overlay.circle{padding:8%;border-radius:50%;border:solid 1px var(--border)}.overlay.plus{height:25px;width:25px}.plus:before,.plus:after{content:"";position:absolute;background-color:var(--txt)}.plus:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.plus:after{width:1px;height:100%;left:50%;top:0;transform:translate(-50%)}.overlay.top-right{top:0;right:0}.overlay.top-left{top:-12.5px;left:-12.5px}.overlay.bottom-left{bottom:0;left:0}.overlay.bottom-right{bottom:-12.5px;right:-12.5px}nav{display:grid;grid-template-columns:1fr auto 1fr;position:sticky;top:0;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);z-index:10;letter-spacing:1px}nav>div{display:flex;align-items:center;gap:1rem;padding:.75rem 0}nav>div:nth-child(3){justify-content:right}nav>div:nth-child(2){gap:4rem}nav>div:nth-child(4){justify-content:right;display:none}.pfp{height:1.75rem;width:1.75rem;border-radius:50%}footer{display:flex;flex-direction:column;align-items:center;align-self:center;justify-self:center;padding:2rem 0}.hero{padding:6rem 0;align-items:center;text-align:center}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;opacity:.4;z-index:-1}.hero>div{padding:var(--item-size);align-items:center}.showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:4rem 0 8rem}.showcase>div{display:flex;flex-direction:column;align-items:center;gap:1rem;border-right:solid 1px var(--border);margin-top:4rem}.showcase>div:nth-child(3){border-right:none}.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));border-radius:5rem;overflow:hidden;border-bottom:solid 1px var(--border)}.about div{max-height:500px}.about>div:nth-child(2){padding:10%}.projects{display:flex;flex-direction:column;padding:4rem;gap:4rem}.projects>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects img{border-radius:.5rem}.projects>div>div{border-right:solid 1px var(--border);padding:8%}.links{border-image:linear-gradient(to bottom,var(--border) 0%,rgba(0,0,0,0) 95%) 1;border-width:1px;border-style:solid}.links>div{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:8%}carousel{padding:10rem 0;display:grid;grid-template-columns:repeat(30,4rem);position:relative;width:100%;gap:8rem;overflow-x:clip}carousel:before,carousel:after{content:"";background:linear-gradient(to right,var(--bg) 0%,rgba(255,255,255,0) 100%);position:absolute;height:100%;width:20%;z-index:2}carousel:after{right:0;top:0;transform:rotate(180deg)}carousel:before{left:0;top:0}carousel>i{animation:scroll 15s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-120rem)}}.modal{position:fixed;display:flex;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg);padding:3rem;border-radius:.5rem;border:solid 1px var(--border);z-index:10;display:none}.modal:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:#000000a6;z-index:-1}.modal.show{display:flex;animation:fade-in .5s ease-in-out}.modal>div{display:flex;flex-direction:column;gap:2rem}button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:10rem;position:relative;text-wrap:nowrap}.button-wrapper{display:flex;align-items:center;border:solid 1px var(--border);gap:1rem;padding:0 0 0 1rem;border-radius:.5rem}button.nav{outline:solid 1px var(--border);border-radius:.5rem;padding:.25rem .75rem}.liked{fill:var(--acc-p)}.primary{background:var(--acc-p);color:var(--txt)}.row{display:flex}.column{display:flex;flex-direction:column}.break{flex-basis:100%;height:0}.wrap{flex-wrap:wrap}.gp-0-5{gap:.5rem}.gp-1{gap:1rem}.gp-2{gap:2rem}.gp-3{gap:3rem}.muted{color:var(--txt-m)}.stroke{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--txt);color:transparent}@media (max-width: 1200px){nav,section{margin:0 4%}nav{grid-template-columns:1fr 1fr}nav div:nth-child(2),nav div:nth-child(3){display:none}nav div:nth-child(4){display:flex}.about>div:nth-child(2){padding:4rem}.projects{padding:2rem}}@media (min-width: 1500px){nav,section{margin:0 15%}}@media (min-width: 2000px){nav,section{margin:0 25%}}