body{color:#fff;background-color:#003;background-image:radial-gradient(circle,#fff 1px,#0000 1.5px),radial-gradient(circle,#fff 1px,#0000 1.5px),radial-gradient(circle,#9ff 1px,#0000 1.5px);background-position:0 0,70px 110px,40px 60px;background-repeat:repeat;background-size:140px 140px,220px 220px,90px 90px;min-height:100vh;margin:0;font-family:Comic Sans MS,Comic Sans,cursive,sans-serif}main{max-width:48rem;margin:0 auto;padding:1.5rem 1rem 3rem}a{color:#0ff}code{background:#0000001a;border-radius:2px;padding:.1em .3em;font-family:Courier New,monospace}header.banner{background:linear-gradient(90deg,#f0f,#0ff,#fc0,#f0f) 0 0/300% 100%;border-bottom:4px double #fff;padding:.5rem 0;animation:8s linear infinite rainbow-shift}.ticker{white-space:nowrap;overflow:hidden}.ticker-track{color:#003;text-shadow:0 0 2px #fff;padding-left:100%;font-weight:700;animation:18s linear infinite ticker-scroll;display:inline-block}nav{flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;padding:.5rem 0;font-weight:700;display:flex}nav a{color:#003;background:#fff;border:2px outset #fff;padding:.2rem .75rem;text-decoration:none}a:visited{color:#f6f}.panel a{color:#00e}nav a:hover,nav a.current{border-style:inset}.panel a:visited{color:#551a8b}h1{color:#0000;text-align:center;text-shadow:2px 2px #000;background:linear-gradient(90deg,#f0f,#0ff,#ff0,#f0f) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin:1.5rem 0 .5rem;font-size:2.5rem;animation:6s linear infinite rainbow-shift}.tagline{color:#fff;text-align:center;text-shadow:1px 1px 2px #000;font-size:1.1rem}.blink{color:#ff0;font-weight:700;animation:1s step-end infinite blinker}.construction{color:#000;text-align:center;background:#fc0;border:8px solid;border-image:repeating-linear-gradient(45deg,#000 0 10px,#fc0 10px 20px) 8;max-width:32rem;margin:1.5rem auto;padding:.75rem 1rem;font-weight:700}.panel{color:#1a1a1a;background:#fffdf0;border:3px outset #ddd;margin:1.5rem 0;padding:1rem 1.25rem;box-shadow:4px 4px #0006}.panel h2{color:purple;margin-top:0;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.panel ol,.panel ul{padding-left:1.25rem}.panel li{margin:.35rem 0}.back-link{text-align:center}.project-pager{justify-content:space-between;margin:1.5rem 0}.pager-next{margin-left:auto}.rainbow-rule{background:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet);border:0;height:6px;margin:2rem 0}.project-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;display:grid}.project-card{text-align:center;background:#e0ffff;border:2px inset #999;padding:.75rem}.project-card h3{color:#066;margin:0 0 .5rem}.project-card.placeholder{background:#fffbe0;border-style:solid;border-width:6px;border-image:repeating-linear-gradient(45deg,#000 0 8px,#fc0 8px 16px) 6}.project-card.placeholder h3{color:#a05a00}.counter{color:#0f0;letter-spacing:.05em;background:#000;border:3px ridge #666;width:max-content;margin:2rem auto 0;padding:.5rem 1rem;font-family:Courier New,monospace;font-size:1.1rem}.counter-digits{letter-spacing:.15em}footer{color:#fff;text-align:center;padding:2rem 1rem 3rem}.webring{text-shadow:1px 1px 2px #000;margin-bottom:1rem;font-weight:700}.badge-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.badge{color:#0ff;background:#000;border:1px solid #fff;width:88px;min-height:31px;padding:2px;font-size:.65rem;line-height:1.1;display:inline-block}@keyframes rainbow-shift{to{background-position:300% 0}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes blinker{50%{opacity:0}}@media (prefers-reduced-motion:reduce){header.banner,h1,.ticker-track,.blink{animation:none}}
