@keyframes rainbow-bg{0%{background-position:0%}to{background-position:200%}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes marquee{0%{transform:translate(100vw)}to{transform:translate(-100%)}}*{box-sizing:border-box}body{color:#ff0;background-color:navy;background-image:repeating-linear-gradient(45deg,navy 0 20px,#191970 20px 40px);background-attachment:fixed;margin:0;padding:0;font-family:Comic Sans MS,Comic Sans,cursive,sans-serif}.marquee-bar{white-space:nowrap;background:#000;border-top:4px double #ff0;border-bottom:4px double #ff0;padding:.4rem 0;overflow:hidden}.marquee-bar span{color:#0f0;letter-spacing:.1em;font-weight:700;animation:13s linear infinite marquee;display:inline-block}.pagewrap{background:#003;border:6px ridge silver;max-width:46rem;margin:1.5rem auto;padding:0;box-shadow:0 0 0 3px #000,6px 6px 0 3px #00000080}main{background:#003;padding:1.5rem 2rem;line-height:1.7}main h1{color:#0ff;text-shadow:1px 1px #000;border-bottom:2px dashed #f0f;padding-bottom:.3rem}main h2{color:#ff0;background:navy;border-left:6px solid #f0f;margin-top:2rem;padding:.25rem .6rem}main p,main li{color:#e6e6fa}main a{color:#0ff}main a:visited{color:#f0f}header.banner{text-align:center;background:repeating-linear-gradient(90deg,#f0f 0 10%,#0ff 10% 20%,#ff0 20% 30%,red 30% 40%,#0f0 40% 50%,#f0f 50% 60%,#0ff 60% 70%,#ff0 70% 80%,red 80% 90%,#0f0 90% 100%) 0 0/200% 100%;border-bottom:4px double #ff0;padding:1.25rem 1rem .5rem;animation:6s linear infinite rainbow-bg}header.banner h1{color:#fff;text-shadow:2px 2px #000,-1px -1px #000;letter-spacing:.05em;margin:0;font-size:2.2rem}header.banner p.tagline{color:#000;text-shadow:1px 1px #fff;margin:.25rem 0 .75rem;font-weight:700}.blink{color:red;font-weight:700;animation:1s step-start infinite blink}nav.mainnav{background:#000;border-bottom:3px ridge gray;padding:.75rem 1rem}nav.mainnav ul{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}nav.mainnav a{color:navy;background:silver;border:3px outset #eee;padding:.4rem .9rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}nav.mainnav a:hover,nav.mainnav a:active{background:#a0a0a0;border-style:inset}nav.mainnav a[aria-current=page]{background:#ff0;border-color:#fff8a0}.hr-rainbow{background:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet);border:none;height:4px;margin:1.5rem 0}.construction{color:#ff0;background:#000;border-top:10px solid;border-bottom:10px solid;border-image:repeating-linear-gradient(45deg,#ff0 0 14px,#000 14px 28px) 10;align-items:center;gap:.75rem;margin:1.25rem 0;padding:.7rem 1rem;font-weight:700;display:flex}.construction .badge{color:#000;white-space:nowrap;background:#fff;border:2px solid #000;padding:.15rem .5rem}.loop-diagram{counter-reset:step;border:3px double #0ff;margin:1rem 0;padding:0;list-style:none}.loop-diagram li{counter-increment:step;background:#10103a;border-bottom:1px dashed #44a;padding:.9rem 1rem .9rem 3rem;position:relative}.loop-diagram li:last-child{border-bottom:none}.loop-diagram li:before{content:counter(step);text-align:center;color:#fff;background:#f0f;border:2px solid #fff;border-radius:50%;width:1.6rem;height:1.6rem;font-weight:700;line-height:1.6rem;position:absolute;top:.7rem;left:.6rem}table.termtable{border-collapse:collapse;width:100%;margin:1rem 0}table.termtable th,table.termtable td{text-align:left;vertical-align:top;border:2px solid #0ff;padding:.5rem .7rem}table.termtable th{color:#ff0;background:navy}table.termtable td{color:#e6e6fa;background:#10103a}.awards{text-align:center;margin:1rem 0}.awards span{color:#402d00;background:linear-gradient(#fff8a0,#fc0);border:2px solid #806000;margin:.2rem;padding:.35rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.webring{text-align:center;background:#000;border:3px ridge #ff0;margin:1.5rem 0;padding:.75rem}.webring .badges{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.6rem;display:flex}.webring .badges span{color:#0f0;border:2px solid #0f0;padding:.3rem .6rem;font-size:.8rem;font-weight:700}footer.pagefoot{text-align:center;color:silver;background:#000;border-top:4px double #ff0;padding:1rem;font-size:.85rem}.counter{color:#0f0;letter-spacing:.2em;background:#000;border:2px inset #444;padding:.2rem .5rem;font-family:Courier New,monospace;display:inline-block}
