@font-face{font-family:Proto;src:url(../media/0xProtoNerdFontMono_Regular-s.p.26j1qriq8wpqd.ttf)format("truetype");font-display:swap}@font-face{font-family:Proto Fallback;src:local(Arial);ascent-override:69.92%;descent-override:18.4%;line-gap-override:0.0%;size-adjust:135.87%}.ubX5zq_className{font-family:Proto,Proto Fallback}
:root{--background-color:#fff;--text-color:#000}:root[theme=dark]{--background-color:#000;--text-color:#fff}body{background-color:var(--background-color);color:var(--text-color);flex-direction:column;justify-content:center;gap:5vh;margin:0 2rem;display:flex}#blurb{flex-direction:column;align-items:center;gap:2vh;display:flex}#header{text-align:center;margin:2vh 0 0;display:table}#header h1{margin:0;font-size:clamp(5rem,5vw + 1rem,100px);font-weight:400;display:block}#header h2{caption-side:bottom;margin:0;font-size:18px;font-weight:400;display:table-caption}a{color:var(--text-color);text-decoration:underline;text-decoration-thickness:2px}#theme{text-align:center;align-items:center;gap:1vw;width:clamp(10rem,40vw,25rem);margin:0;font-size:18px;display:flex}.switch-container input{appearance:none;background-color:var(--text-color);cursor:pointer;width:3rem;height:1.5rem;margin:0}.switch-container input:before{content:"";background-color:var(--background-color);justify-content:center;align-items:center;width:1rem;height:1rem;font-family:Material Symbols Outlined;transition:transform .3s;display:inline-flex;position:relative;top:.25rem;left:.25rem}.switch-container input:checked:before{content:"";transform:translate(1.5rem)}#blurb p{text-align:center;width:90vw;min-width:min-content;max-width:24rem;margin:0;font-size:20px;overflow:hidden}#sections{justify-content:center;gap:4vw;display:flex}.section{flex-direction:column;align-items:center;min-width:min-content;max-width:30vw;display:flex}.section>h1{font-size:50px;font-weight:400}div#gallery{flex-wrap:wrap;place-content:center;place-items:center;gap:1vw;display:flex}#projects{flex-direction:column;place-items:center;gap:1vh;width:100%;display:flex}div.project{border-bottom:2px dashed;flex-direction:column;width:100%;padding:1vh .5vw 1.5vh;display:flex}.project>h3{font-size:20px;font-weight:400}.project .infobar{gap:1vw;width:100%;font-size:14px;display:flex}.project p{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:14px;display:-webkit-box;overflow:hidden}#gallery img{filter:brightness(120%)grayscale();border:2px solid #000;border-radius:3px}