@import "https://linusg.github.io/serenityos-emoji-font/SerenityOS-Emoji.css";
@font-face{font-family:nes;src:url(/fonts/nes.ttf)}@font-face{font-family:terminus;src:url(/fonts/terminus.ttf)}@keyframes cyan_glow{0%{text-shadow:0 0 2px #000,0 0 4px #000,0 0 6px #055,0 0 8px #055,0 0 10px #055,0 0 12px #055,0 0 14px #055}to{text-shadow:0 0 4px #000,0 0 6px #055,0 0 8px #055,0 0 10px #055,0 0 12px #055,0 0 14px #055,0 0 16px #055}}@keyframes cyan_glow_half{0%{text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #055,0 0 4px #055,0 0 5px #055,0 0 6px #055,0 0 7px #055}to{text-shadow:0 0 2px #000,0 0 3px #055,0 0 4px #055,0 0 5px #055,0 0 6px #055,0 0 7px #055 0 0 8px #055}}@keyframes bg_static{0%{background-position:0 0}to{background-position:0 4px}}@keyframes flicker{0%{opacity:.97861}5%{opacity:.84769}10%{opacity:.93604}15%{opacity:.90626}20%{opacity:.98128}25%{opacity:.83891}30%{opacity:.95583}35%{opacity:.97807}40%{opacity:.96559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.98594}60%{opacity:.80313}65%{opacity:.91988}70%{opacity:.93455}75%{opacity:.87288}80%{opacity:.91428}85%{opacity:.90419}90%{opacity:.9003}95%{opacity:.86108}to{opacity:.94387}}@keyframes flicker_out{0%{opacity:.97861}5%{opacity:.84769}10%{opacity:.93604}15%{opacity:.2}20%{opacity:.5}25%{opacity:.3}30%{opacity:.7}35%{opacity:.1}40%{opacity:.6}45%{opacity:.3}50%{opacity:.4}55%{opacity:.8}60%{opacity:.2}65%{opacity:.5}70%{opacity:.1}75%{opacity:.3}80%{opacity:.05}85%{opacity:.1}90%{opacity:.02}95%{opacity:.01}to{opacity:0}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes rainbow{0%{color:red}16%{color:#ff8000}33%{color:#ff0}50%{color:#0f0}66%{color:#0080ff}83%{color:#8000ff}to{color:red}}html{filter:url(#pixelate)}body{image-rendering:pixelated;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background-color:#000;margin:0;font-family:terminus,SerenityOS Emoji,sans-serif;font-size:16px;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;background-repeat:all;opacity:.7;background-image:url(../media/bgoverlay.31f77897.png);background-position:0 0;width:100%;height:100%;animation-name:bg_static;animation-duration:2s;animation-timing-function:steps(4,end);animation-iteration-count:infinite;position:fixed;top:0;left:0;overflow-y:hidden;box-shadow:inset 0 0 10em #0006}#bg{z-index:-999;object-fit:cover;background-color:#000;background-size:cover;width:100%;height:100vh;position:fixed;top:0;left:0;overflow-y:hidden}#container{box-sizing:border-box;width:900px;margin:0 auto;padding:0 20px}#logo{z-index:10;flex-direction:row;justify-content:center;align-items:center;margin-bottom:30px;display:flex}#logo a{filter:url(#pixelate_1);color:#00fefe;z-index:11;margin-top:40px;margin-bottom:40px;font-family:nes;font-size:70px;text-decoration:none;animation:1s ease-in-out infinite alternate cyan_glow,.1s infinite alternate flicker}.box{color:#fff;margin-bottom:30px;padding:10px 15px;position:relative}.box h1{color:#00fefe;z-index:11;margin:0 10px 16px;font-family:nes;font-size:40px;text-decoration:none;animation:1s ease-in-out infinite alternate cyan_glow_half,.1s infinite alternate flicker}.box p{image-rendering:pixelated;z-index:11;word-spacing:normal;margin:0 10px;font-family:terminus,SerenityOS Emoji;font-size:20px;text-decoration:none}.box:before{content:"";filter:url(#pixelate_1);z-index:-2;background-color:#000000a8;border:3px solid #383838;border-radius:0;animation:1s linear infinite flicker;position:absolute;inset:0}.box:after{content:"";filter:url(#pixelate_1);z-index:-1;opacity:0;border-radius:0;position:absolute;inset:0}.box.allowed:after{animation:1s linear forwards flicker_out}.box:hover:after{animation:1s linear infinite flicker}.box.purple:after{border:2px solid #bd6cff;box-shadow:0 0 30px #8d00ff,inset 0 0 30px #8d00ff,inset 0 0 120px #7300ff6f}.box.orange:after{border:2px solid #fabda0;box-shadow:0 0 30px red,inset 0 0 30px #ff2a00,inset 0 0 120px #ff40006f}.box.cyan:after{border:2px solid #00fefe;box-shadow:0 0 30px #00fefe,inset 0 0 30px #b1ecff,inset 0 0 120px #2e7ba46f}.blink{animation:1s infinite blink}.rainbow{font-weight:700;animation:2s infinite rainbow}.strong{color:#fff;font-weight:700}a.strong{color:#fff;text-decoration:underline!important}a.strong:hover{animation:2s infinite rainbow;box-shadow:none!important;border-bottom:none!important;outline:none!important}.project-link{font-weight:700;color:#fff!important;text-decoration:underline!important}.project-link:hover{cursor:url(../media/dedo.56ae0938.cur),auto;animation:2s infinite flicker;box-shadow:none!important;border-bottom:none!important;outline:none!important}.visitor-counter{color:#0f0;z-index:1001;background:#000;margin:10px 0;padding:5px 10px;font-family:Courier New,monospace;font-size:14px;display:inline-block;position:absolute;top:0;left:0}.updated-text{color:#ff0;text-align:center;margin:10px 0;font-family:terminus;font-size:14px}.webring{text-align:center;background:#103;border:2px solid #f0f;margin:20px 0;padding:10px}.webring h3{color:#f0f;margin-bottom:10px;font-family:nes;font-size:18px}.navigation{text-align:center;background:#030;border:2px solid #0f0;margin:15px 0;padding:10px}.navigation a{color:#0f0;margin:0 10px;font-family:terminus;font-size:16px;text-decoration:none}.navigation a:hover{color:#ff0;text-decoration:underline}@media screen and (max-width:768px){body{padding-bottom:20px;font-size:14px}#container{width:100%;max-width:100vw;min-height:100vh;margin:0;padding:10px}#logo a{text-align:center;word-break:break-word;margin-top:20px;margin-bottom:20px;font-size:45px}.box{margin-bottom:20px;padding:12px}.box h1{text-align:center;word-break:break-word;margin-bottom:12px;font-size:28px}.box div,.box p{word-wrap:break-word;overflow-wrap:break-word;margin:0 5px;font-size:16px;line-height:1.5}.visitor-counter{text-align:center;width:fit-content;max-width:100%;margin:10px auto;font-size:12px;position:relative;top:auto;left:auto;right:auto}.updated-text{text-align:center;word-wrap:break-word;padding:0 10px;font-size:12px}.navigation{margin:10px 0;padding:8px}.navigation a{margin:0 5px;font-size:14px;display:inline-block}.webring{margin:15px 0;padding:8px}.webring h3{margin-bottom:8px;font-size:16px}.marquee-container{width:100%;height:31px}#bg{object-fit:cover;width:100%;height:100vh}.box#projects div{word-wrap:break-word;margin-bottom:8px}.strong{word-break:break-word}html,body{max-width:100vw;overflow-x:hidden}a,button{-webkit-tap-highlight-color:#fff3}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.box h1,.box p,.box div{-webkit-user-select:text;user-select:text}}@media screen and (max-width:480px){body{padding-bottom:20px;font-size:13px}#container{padding:8px}#logo a{margin-top:15px;margin-bottom:15px;font-size:36px}.box{margin-bottom:15px;padding:10px}.box h1{margin-bottom:10px;font-size:24px}.box p,.box div{margin:0 3px;font-size:14px;line-height:1.4}.visitor-counter{padding:4px 8px;font-size:11px}.updated-text{padding:0 8px;font-size:11px;line-height:1.3}.navigation{padding:6px}.navigation a{margin:0 3px;font-size:13px}.webring{padding:6px}.webring h3{font-size:14px}.box#projects div{margin-bottom:6px;font-size:13px}.box#about p{font-size:13px;line-height:1.4}}@media screen and (max-width:768px) and (orientation:landscape){#logo a{margin-top:10px;margin-bottom:10px;font-size:40px}.box{margin-bottom:15px}.box h1{margin-bottom:10px;font-size:26px}}@media screen and (min-width:769px) and (max-width:1024px){#container{width:95%;max-width:900px;padding:0 20px}#logo a{font-size:60px}.box h1{font-size:36px}.box p{font-size:18px}}@media (hover:none) and (pointer:coarse){.navigation a,.project-link,a.strong{min-height:44px;padding:0 8px;line-height:44px;display:inline-block}}::selection{text-shadow:0 0 10px #000;background-color:#ffabee}