.homepage{background-color:var(--clr-background);min-height:100vh}.about-section{padding:1.5rem 0}.about-section h1{font-size:1.3rem;color:var(--clr-accent);text-shadow:0 0 1rem var(--clr-accent)}.about-section p{font-size:1.3rem;color:var(--clr-light);text-shadow:0 0 1rem #b5e5ec;margin:0}@media(min-width:939px){.about-section h1{font-size:2rem}.about-section p{font-size:1.5rem}}.tech-stack-container{display:flex;flex-wrap:wrap;padding-bottom:2rem;max-width:70ch}#tech-stack-container{scroll-margin-top:50vh}.tech-stack-box{flex:1 1 33.333%;display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.tech-stack-box p{display:flex;align-items:center;justify-content:center;text-align:center;margin:0;width:15ch;height:2rem;margin-bottom:.2rem}.tech-stack-box img{height:3rem;object-fit:contain}@media(min-width:939px){.tech-stack-container{max-width:70%}.tech-stack-box{flex:1 1 25%}}.recent-projects{width:100%}.recent-projects h2{margin:0;margin-bottom:1rem;font-size:2rem;color:var(--clr-light)}@media(min-width:939px){.recent-projects h2{font-size:3rem}}.project-list-container{display:flex;justify-content:center;flex-wrap:wrap}.project-list-box{width:55ch;height:15rem;font-size:1rem;margin:10px}.project-list-box img{border:1px solid var(--clr-light);border-radius:5%;width:100%;height:100%;box-shadow:0 0 .3rem #c8c8c8;object-fit:contain}.project-list-box canvas{border:1px solid var(--clr-light);border-radius:5%;width:100%;height:100%;box-shadow:0 0 .3rem #c8c8c8;object-fit:contain;overflow:hidden}.project-list-box h1{font-size:1.5rem;transform:translate(1rem,.5rem);position:absolute;color:var(--clr-light);width:30ch}.project-list-box p{font-size:1rem;transform:translate(1.5rem,2.5rem);position:absolute;color:var(--clr-light);width:40ch}.homepage-footer{height:5rem}@font-face{font-family:VT323;src:url(/VT323.ttf) format("truetype");font-weight:400;font-style:normal}:root{--clr-dark: #1A314F;--clr-light: #90E5F2;--clr-accent: #E8842E;--clr-highlight: #285a4f;--clr-muted: #0c1724;--clr-error: #FF6B6B;--clr-background: radial-gradient(#182F4C, #0b111a 120%);--txt-shadow: 0 0 .5rem #C8C8C8}body{background:var(--clr-background);height:100dvh;margin:0;color:var(--clr-light);font:1rem VT323,monospace;fill:var(--clr-light);background-attachment:fixed;background:none}body:before{content:"";position:fixed;inset:-12vh 0;z-index:-1;pointer-events:none;background:var(--clr-background);background-repeat:no-repeat;background-position:center;background-size:cover}.scan-lines:after{content:"";position:fixed;top:0;left:0;height:100vh;width:100vw;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;background-attachment:fixed}.text-glow{text-shadow:var(--txt-shadow)}.container{display:flex;flex-direction:column;align-items:center;width:90%;margin-left:auto;margin-right:auto;max-width:70ch}@media(min-width:939px){.container{max-width:1000px}}.highlight{background-color:var(--clr-highlight)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}button{cursor:pointer}.menu{padding-top:8rem;height:100vh;position:fixed;display:flex;flex-direction:column;align-items:center;top:0;left:0;right:0;background:var(--clr-background);transform:translateY(-100%);transition:transform .8s ease;z-index:100;background-color:var(--clr-background);border-bottom:1px solid var(--clr-light)}.menu-option{display:flex;justify-content:center;width:100%;align-items:center}.menu a{-webkit-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;margin:.7rem 0;align-items:center;font-size:2.5em;color:var(--clr-light);text-decoration:none}.menu.open{transform:translateY(0)}.header{top:0;left:0;position:fixed;padding:1rem 0;display:block;z-index:101;width:100%;background-color:var(--clr-muted);opacity:.9;border-bottom:1px solid var(--clr-dark)}.header-place-holder{height:6.5rem}.header-profile{display:flex;align-items:center;font-size:1.3em}.header-profile img{width:4rem;border-radius:8%;border:1px #F2EDCF solid;border-color:var(--clr-light);margin-right:.5rem;box-shadow:var(--txt-shadow)}.blinking-cursor{width:.6ch;height:.8em;background-color:var(--clr-light);margin-left:.2ch;animation:blink 1s infinite;box-shadow:var(--txt-shadow)}.hamburger-menu{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--clr-light);border-radius:50%;color:var(--clr-light);box-shadow:0 0 .3rem #c8c8c8}.desktop-menu{display:none;white-space:nowrap}.desktop-menu a{font-size:1.5rem;padding:.3rem 1rem;text-decoration:none;color:inherit}@media(min-width:939px){.desktop-menu{display:flex}.hamburger-menu,.menu{display:none}}.hamburger-menu svg{width:2.5rem;height:2.5rem;filter:drop-shadow(var(--txt-shadow))}.header-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(prefers-reduced-motion:reduce){.menu{transition:none}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.RedditApp{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:20px}.stick-to-screen-top-container{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;width:100%}.search-bar-container{display:flex;align-items:center;justify-content:center}.search-bar-input{padding:10px;font-size:18px;border-radius:5px 0 0 5px;border:none;background-color:var(--clr-muted);color:var(--clr-light);width:300px}input.search-bar-input:focus{outline:none}.search-bar-button{padding:10px 20px;font-size:18px;border-radius:0 5px 5px 0;border:none;background-color:var(--clr-highlight);color:var(--clr-light)}.image-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px;width:66%;padding-top:170px}.image-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}.image-button:hover img{opacity:.7;transform:scale(1.1)}.image-button img{max-width:100%;height:auto;transition:opacity .2s ease-in-out}.post-link{font-size:12px;color:var(--clr-light);text-decoration:none;transition:color .3s ease-in-out;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.post-link:hover{color:var(--clr-accent)}.post-subreddit,.post-user{font-size:12px;color:var(--clr-light);text-decoration:none;transition:color .3s ease-in-out;cursor:pointer}.post-subreddit:hover,.post-user:hover{color:var(--clr-accent)}@media(max-width:800px){.search-bar-input{width:100%}}.loader{color:#fff;font-size:10px;width:1em;height:1em;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s infinite linear;transform:translateZ(0);margin-top:300px;margin-bottom:40px}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.auto-scroll-container{margin:.3rem 0;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:18px}.auto-scroll-label{font-size:20px;margin-right:20px;color:var(--clr-light)}.checkbox-wrapper-9 .tgl{display:none}.checkbox-wrapper-9 .tgl,.checkbox-wrapper-9 .tgl:after,.checkbox-wrapper-9 .tgl:before,.checkbox-wrapper-9 .tgl *,.checkbox-wrapper-9 .tgl *:after,.checkbox-wrapper-9 .tgl *:before,.checkbox-wrapper-9 .tgl+.tgl-btn{box-sizing:border-box}.checkbox-wrapper-9 .tgl::-moz-selection,.checkbox-wrapper-9 .tgl:after::-moz-selection,.checkbox-wrapper-9 .tgl:before::-moz-selection,.checkbox-wrapper-9 .tgl *::-moz-selection,.checkbox-wrapper-9 .tgl *:after::-moz-selection,.checkbox-wrapper-9 .tgl *:before::-moz-selection,.checkbox-wrapper-9 .tgl+.tgl-btn::-moz-selection,.checkbox-wrapper-9 .tgl::selection,.checkbox-wrapper-9 .tgl:after::selection,.checkbox-wrapper-9 .tgl:before::selection,.checkbox-wrapper-9 .tgl *::selection,.checkbox-wrapper-9 .tgl *:after::selection,.checkbox-wrapper-9 .tgl *:before::selection,.checkbox-wrapper-9 .tgl+.tgl-btn::selection{background:none}.checkbox-wrapper-9 .tgl+.tgl-btn{outline:0;display:block;width:4em;height:2em;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-wrapper-9 .tgl+.tgl-btn:after,.checkbox-wrapper-9 .tgl+.tgl-btn:before{position:relative;display:block;content:"";width:50%;height:100%}.checkbox-wrapper-9 .tgl+.tgl-btn:after{left:0}.checkbox-wrapper-9 .tgl+.tgl-btn:before{display:none}.checkbox-wrapper-9 .tgl:checked+.tgl-btn:after{left:50%}.checkbox-wrapper-9 .tgl-flat+.tgl-btn{padding:2px;transition:all .2s ease;background:var(--clr-dark);border:4px solid var(--clr-muted);border-radius:2em}.checkbox-wrapper-9 .tgl-flat+.tgl-btn:after{transition:all .2s ease;background:var(--clr-muted);content:"";border-radius:1em}.checkbox-wrapper-9 .tgl-flat:checked+.tgl-btn{border:4px solid var(--clr-light)}.checkbox-wrapper-9 .tgl-flat:checked+.tgl-btn:after{left:50%;background:var(--clr-light)}@media(max-width:800px){.auto-scroll-container{top:60px;left:0;width:100%}}.shaders{height:100vh}.shaders-container{display:flex;flex-direction:column;padding-bottom:1rem;justify-content:space-between}.code-mirror-container{display:flex;flex-direction:column;text-shadow:none;width:100%;font-size:.7rem;padding-top:5px}.glcanvas-container{width:100%}.code-mirror-container button{width:100%;height:3rem;margin:5px 0;border-radius:5px;border:none;background-color:var(--clr-highlight);color:var(--clr-light);text-shadow:var(--txt-shadow);font-size:1.5rem}.shader-error{color:var(--clr-error)}@media(min-width:939px){.shaders-container{flex-direction:row}.code-mirror-container{width:60%;padding-left:5px}.glcanvas-container{width:40%}}.nutrition-page a{color:var(--clr-light)}.nutrition-error{color:var(--clr-error)}