@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/font/Press-Start-2P.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",monospace;background-color:#000;color:#fff;line-height:1.5;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;text-rendering:optimizeSpeed;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-9999px;left:-9999px;background-color:#fff;color:#000!important;padding:8px 12px;z-index:10000;text-decoration:none!important;font-family:"Press Start 2P",monospace;font-size:.8em;text-transform:lowercase;border:1px solid #000000}.skip-link:focus{top:10px;left:10px;border-color:#fff;box-shadow:0 0 10px #fff9}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.2}.system-window{width:95vw;max-width:1200px;height:95vh;max-height:800px;border:2px solid #ffffff;background-color:#000;display:flex;flex-direction:column;position:relative}.window-header{flex-shrink:0;display:flex;align-items:center;padding:10px 15px;background-color:#000;color:#fff;border-bottom:2px solid #ffffff;font-size:.9em;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt{color:#fff;margin-right:8px;text-shadow:0 0 5px rgba(255,255,255,.7)}.command{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.7)}.main-nav{flex-shrink:0;display:flex;justify-content:flex-start;padding:12px 15px;border-bottom:2px solid #ffffff;font-size:.8em;gap:20px;position:relative;z-index:10;text-transform:lowercase}.nav-item{padding:5px 10px;border:1px solid transparent;cursor:pointer;transition:all .1s linear;color:#fff!important;text-decoration:none!important;outline:none}.nav-item:hover,.nav-item.active-nav{border-color:#fff;background-color:#ffffff1a;text-shadow:0 0 5px rgba(255,255,255,.5);color:#fff!important}.nav-item:focus{border-color:#fff;background-color:#fff3;outline:1px dashed #ffffff;outline-offset:2px}.window-content{flex-grow:1;display:flex;flex-direction:row;overflow:hidden}.main-display{flex-shrink:0;width:60%;height:100%;background-color:#000;border-right:2px solid #ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.main-image{width:100%;height:auto;max-height:100%;object-fit:contain;filter:grayscale(100%) contrast(150%);image-rendering:pixelated;animation:flicker-slow 2s infinite alternate steps(1)}@keyframes flicker-slow{0%{opacity:1}50%{opacity:.98}to{opacity:1}}.music-display{position:absolute;top:20px;left:20px;width:calc(100% - 40px);max-width:350px;border:1px solid #ffffff;background-color:#000;padding:8px;font-size:.8em;text-transform:lowercase;box-shadow:0 0 8px #ffffff4d;z-index:5}.music-header{display:flex;align-items:center;margin-bottom:8px;background-color:#fff;color:#000;padding:2px 5px;border-bottom:1px solid #000000}.song-info{margin-bottom:8px;line-height:1.3}.song-info p{margin-bottom:.2em}.progress-bar{border:1px solid #ffffff;height:10px;width:100%;display:flex;font-size:.6em;align-items:center;position:relative}.progress-bar .filled-bar{background-color:#fff;height:100%;width:60%;display:block}.progress-bar .empty-bar{background-color:#000;height:100%;flex-grow:1;display:block;border-left:1px solid #ffffff}.progress-bar .percentage{position:absolute;right:5px;color:#000;z-index:1}.secondary-display{position:absolute;bottom:25px;right:25px;width:180px;height:200px;border:2px solid #ffffff;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5px;box-shadow:0 0 15px #fff6}.pfp-label{font-size:.8em;margin-bottom:5px;background-color:#fff;color:#000;padding:3px 6px;text-transform:lowercase;width:100%;text-align:center}.pfp-image{width:calc(100% - 10px);height:auto;max-height:calc(100% - 30px);object-fit:contain;filter:grayscale(100%) contrast(150%);image-rendering:pixelated;animation:scanline-flicker 1s infinite alternate steps(1)}@keyframes scanline-flicker{0%{filter:grayscale(100%) contrast(150%) brightness(1)}50%{filter:grayscale(100%) contrast(150%) brightness(.95)}to{filter:grayscale(100%) contrast(150%) brightness(1)}}.content-panel{flex-grow:1;width:40%;height:100%;padding:25px;overflow-y:auto;font-size:.9em;line-height:1.7;text-transform:lowercase}.content-panel.hidden{display:none}.content-panel h2{font-size:1.4em;margin-bottom:1.2em;text-transform:lowercase;border-bottom:1px dashed #ffffff;padding-bottom:5px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 7px rgba(255,255,255,.8)}.content-panel p,.blog-post-content p{margin-bottom:1.5em;color:#e0e0e0}.blog-post-content{font-size:.9em;line-height:1.7}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{font-size:1.2em;margin-bottom:1em;text-transform:lowercase;border-bottom:1px dashed #ffffff;padding-bottom:5px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 7px rgba(255,255,255,.8)}.blog-post-content pre{background-color:#1a1a1a;border:1px solid #ffffff;padding:10px;margin-bottom:1.5em;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;font-family:"Press Start 2P",monospace;font-size:.7em;line-height:1.4;color:#0f0;text-shadow:none}kbd{display:inline-block;padding:2px 6px;font-family:"Press Start 2P",monospace;font-size:.8em;color:#0f0;background-color:#1a1a1a;border:1px solid #00ff00;border-radius:3px;box-shadow:0 1px #0f03;margin:0 2px}.blog-post-content pre{font-size:.9em!important;line-height:1.6}.blog-post-content code{font-family:"Press Start 2P",monospace;font-size:.8em;border-radius:2px;color:#0f0;text-shadow:none}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5em;padding-left:25px;list-style-position:outside}.blog-post-content li{margin-bottom:.5em}.blog-post-content ol{counter-reset:item}.blog-post-content ol li{display:block}.blog-post-content ol li:before{content:counter(item) ". ";counter-increment:item;color:#fff;margin-right:5px;font-weight:700}.blog-post-list{margin-top:1.5em}.blog-entry{margin-bottom:2em;padding-bottom:1em;border-bottom:1px dashed rgba(255,255,255,.5)}.blog-entry:last-child{border-bottom:none;margin-bottom:0}.blog-entry h3{font-size:1.1em;margin-bottom:.5em;color:#fff;text-shadow:0 0 3px rgba(255,255,255,.5)}.blog-entry p{margin-bottom:.8em;font-size:.9em;color:#ccc}.blog-entry .blog-link{display:inline-block;background-color:#000;color:#fff!important;padding:6px 12px;border:1px solid #ffffff;text-decoration:none!important;font-size:.8em;text-transform:lowercase;transition:background-color .1s linear,color .1s linear,box-shadow .1s linear,text-decoration .1s linear,outline .1s linear;outline:none}.blog-entry .blog-link:hover{background-color:#fff;color:#000!important;box-shadow:0 0 5px #ffffffb3;text-decoration:underline!important}.blog-entry .blog-link:focus{outline:1px dashed #ffffff;outline-offset:2px;background-color:#ffffff1a}.social-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;justify-content:flex-start}.social-link{background-color:#000;color:#fff!important;padding:10px 20px;border:1px solid #ffffff;font-size:.9em;text-transform:lowercase;text-decoration:none!important;transition:background-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s linear,text-decoration .1s linear,outline .1s linear;outline:none}.social-link:hover{background-color:#fff;color:#000!important;box-shadow:0 0 10px #fff9;transform:translateY(-2px);text-decoration:underline!important}.social-link:focus{outline:1px dashed #ffffff;outline-offset:2px;background-color:#ffffff1a}.window-footer{flex-shrink:0;padding:10px 15px;border-top:2px solid #ffffff;background-color:#000;color:#fff;font-size:.7em;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 5px rgba(255,255,255,.7)}.footer-credit{color:#fff!important;text-decoration:none!important;transition:text-shadow .1s linear,text-decoration .1s linear,outline .1s linear;outline:none}.footer-credit:hover{text-shadow:0 0 5px rgba(255,255,255,.7);text-decoration:underline!important}.footer-credit:focus{outline:1px dashed #ffffff;outline-offset:2px;text-shadow:0 0 5px rgba(255,255,255,.7)}@media (max-width: 992px){.system-window{flex-direction:column;height:98vh;max-height:none}.window-header,.main-nav,.window-footer{flex-shrink:0;font-size:.7em;padding:8px 12px}.main-nav{flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.nav-item{padding:4px 8px}.window-content{flex-direction:column;overflow-y:hidden;flex-grow:1;height:auto}.main-display{width:100%;height:50%;min-height:250px;border-right:none;border-bottom:2px solid #ffffff;padding-bottom:80px;overflow:hidden}.content-panel{width:100%;height:50%;min-height:250px;padding:20px;overflow-y:auto}.music-display{width:calc(100% - 30px);max-width:300px;top:15px;left:15px;font-size:.7em;padding:6px}.secondary-display{bottom:15px;right:15px;width:150px;height:180px}.content-panel h2{font-size:1.2em}.content-panel p,.blog-entry p{font-size:.85em}.blog-entry h3{font-size:1em}.social-link{width:calc(50% - 10px);justify-content:center;text-align:center;padding:8px 15px}}@media (max-width: 600px){.window-header,.main-nav,.window-footer{font-size:.55em;padding:6px 8px}.main-nav{gap:5px}.nav-item{padding:3px 6px}.music-display{width:calc(100% - 20px);top:10px;left:10px;font-size:.6em;padding:5px;max-width:250px}.secondary-display{width:110px;height:130px;bottom:10px;right:10px}.pfp-label{font-size:.6em}.content-panel{font-size:.8em;padding:15px}.content-panel h2{font-size:1em}.social-link{width:100%;padding:8px 10px;font-size:.8em}}@media (max-width: 400px){.music-display{max-width:100%;left:0;right:0;border:none;box-shadow:none;padding:5px;border-bottom:1px solid #fff;top:0;border-radius:0}.secondary-display{width:90px;height:105px;bottom:5px;right:5px}}.back-link[data-astro-cid-3ef6ksr2]{position:absolute;right:15px;color:#fff;text-decoration:none;font-size:.8em;text-transform:lowercase;transition:text-shadow .1s linear}.back-link[data-astro-cid-3ef6ksr2]:hover{text-shadow:0 0 5px rgba(255,255,255,.7)}
