:root{--font-family:"font-pix",monospace;--bg-light:#fff;--bg-dark:#0d0d0d;--bg-crt:#545454;--text-light:#333;--text-dark:#e6e6e6;--text-crt:#ffd52c}@font-face{font-family:font-pix;src:url(/fonts/zpix.ttf) format("truetype");font-display:swap}[data-theme=light]{background-color:var(--bg-light);color:var(--text-light)}[data-theme=dark]{background-color:var(--bg-dark);color:var(--text-dark)}[data-theme=crt]{background-color:var(--bg-crt);color:var(--text-crt)}.navbar{font-family:font-pix;display:flex;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #444}.navbar a{margin:0 1rem;text-decoration:none;font-size:1.2rem;font-weight:700;transition:color .2s ease-in-out}.navbar a:hover{color:#999}.theme-switcher button{margin:0 .5rem;cursor:pointer;font-family:font-pix}footer{font-family:font-pix;text-align:center;padding:2rem 0;position:fixed;left:0;bottom:0;width:100%}h1,p{font-family:font-pix,monospace}[data-theme=crt] .crt-screen{width:95vw;height:80vh;flex-grow:1;display:flex;align-items:center;justify-content:center;filter:url(#SphereMapTest);background-image:repeating-linear-gradient(180deg,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 1px,transparent 2px,transparent 4px);border-radius:40px;box-shadow:inset 0 0 60px 15px rgba(169,135,1,.296);background-color:#242222}[data-theme=crt] .content{color:#ffd52c;font-family:monospace;font-size:1rem;text-shadow:0 0 5px #ffd52c,0 0 10px #ffd52ca2,0 0 20px #ffd52c66;position:relative;pointer-events:auto}