@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:15px;display:flex}#logo a{filter:url(#pixelate_1);color:#00fefe;z-index:11;margin-top:20px;margin-bottom:20px;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;letter-spacing:3px;text-shadow:0 0 10px #00fefe,0 0 20px #00fefe;z-index:11;margin:0 10px 24px;font-family:nes;font-size:32px;text-decoration:none;animation:.15s 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:8px 0 18px;padding:8px}.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:14px}#container{width:100%;max-width:100%;padding:12px}#logo a{margin-top:15px;margin-bottom:15px;font-size:32px}.box{margin-bottom:20px;padding:15px 12px}.box h1{letter-spacing:1.5px;margin-bottom:15px;font-size:22px}.box p{margin:0 5px 15px;font-size:15px;line-height:1.6}.visitor-counter{padding:4px 8px;font-size:10px}.updated-text{padding:0 8px;font-size:10px;line-height:1.3}.navigation{flex-wrap:wrap;justify-content:center;gap:10px;padding:8px;display:flex}.navigation a{padding:5px 10px;font-size:14px}.webring{padding:12px}.webring h3{font-size:16px}.projects-grid{grid-template-columns:1fr;gap:15px;margin:15px 0}.project-card{padding:15px}.project-indicator{font-size:16px}.project-title{font-size:18px}.project-description{font-size:14px;line-height:1.5}.project-badge{padding:2px 6px;font-size:10px}.tech-tag{padding:4px 8px;font-size:11px}.stats-grid{grid-template-columns:1fr;gap:10px;margin:15px 0}.stat-item{padding:10px 12px}.hide-on-mobile{display:none}.stat-label{letter-spacing:.5px;margin-bottom:4px;font-size:12px}.stat-value{font-size:15px;line-height:1.4}.stat-value a{font-size:15px}}@media screen and (min-width:481px) and (max-width:768px){body{font-size:15px}#container{width:95%;padding:15px}#logo a{font-size:48px}.box{padding:18px 15px}.box h1{letter-spacing:2px;font-size:26px}.box p{font-size:16px;line-height:1.6}.navigation a{padding:6px 12px;font-size:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{padding:12px 14px}.stat-label{font-size:13px}.stat-value{font-size:16px}.project-title{font-size:22px}.project-description{font-size:15px}.tech-tag{padding:5px 10px;font-size:12px}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:20px 0;display:grid}.stat-item{background:#0008;border-left:3px solid #00fefe;padding:12px 15px;transition:all .3s}.stat-item:hover{background:#00fefe11;border-left-color:#fff;transform:translate(5px)}.stat-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:14px}.stat-value{color:#fff;font-size:18px;font-weight:700}@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){body{font-size:16px}#container{width:95%;max-width:900px;padding:0 20px}#logo a{font-size:56px}.box{padding:18px}.box h1{font-size:30px}.box p{font-size:17px;line-height:1.6}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-item{padding:12px 15px}.stat-label{font-size:13px}.stat-value{font-size:17px}.project-card{padding:18px}.project-title{font-size:22px}.project-description{font-size:15px}}@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}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0;display:grid}.project-card{cursor:pointer;color:inherit;--project-color:#00fefe;background:#000c;border:2px solid #383838;padding:20px;text-decoration:none;transition:all .3s;display:block;position:relative}.project-card:hover{background:color-mix(in srgb,var(--project-color)8%,transparent);border-color:var(--project-color);box-shadow:0 5px 20px color-mix(in srgb,var(--project-color)20%,transparent);transform:translateY(-3px)}.project-arrow{color:var(--project-color);opacity:0;text-shadow:0 0 5px var(--project-color);font-family:terminus,monospace;font-size:20px;transition:all .3s;position:absolute;bottom:15px;right:15px;transform:translate(-10px)}.project-card:hover .project-arrow{opacity:1;text-shadow:0 0 10px var(--project-color),0 0 20px var(--project-color);animation:1.2s ease-in-out infinite arrowBounce;transform:translate(0)}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.project-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.project-indicator{color:var(--project-color);text-shadow:0 0 8px var(--project-color);font-size:18px;animation:1s ease-in-out infinite alternate indicatorGlow}@keyframes indicatorGlow{0%{text-shadow:0 0 4px var(--project-color)}to{text-shadow:0 0 12px var(--project-color)}}.project-title{color:#fff;font-family:nes;font-size:24px;font-weight:700;transition:all .3s;text-decoration:none!important}.project-card:hover .project-title{color:var(--project-color)}.project-badge{color:#fff;background:red;border:1px solid #fff;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:700}.project-description{color:#ccc;margin:12px 0;font-family:terminus,SerenityOS Emoji;font-size:16px;line-height:1.4}.project-tech{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tech-tag{border:1px solid var(--project-color);color:var(--project-color);background:#1a1a1a;padding:4px 10px;font-family:terminus;font-size:12px;transition:all .3s}.tech-tag:hover{background:var(--project-color);color:#000;box-shadow:0 0 10px var(--project-color)}