body{margin:0;background:#09001a;color:#ddd;font-family:"Comic Sans MS","Trebuchet MS",Arial,sans-serif;font-size:14px;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#f0f 1px,transparent 1px);background-size:37px 37px,61px 61px}
a{color:#00ffff;font-weight:bold} a:visited{color:#ff66ff} a:hover{color:#ffff00;background:#ff00ff}
.page{width:800px;margin:15px auto;background:#c0c0c0;color:#000;border:6px ridge #fff;box-shadow:10px 10px #000}
.header{text-align:center;padding:14px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f);border-bottom:6px ridge #fff}
.header h1{margin:0;font:52px Impact,"Arial Black",sans-serif;color:#fff;letter-spacing:3px;text-shadow:4px 4px #000,-3px -3px #00f}
.header p{margin:4px;background:#000;color:#0f0;font:bold 12px "Courier New",monospace;padding:4px}
.marquee{overflow:hidden;white-space:nowrap;background:#000;color:#0f0;border:3px inset #777;padding:5px;font:bold 12px "Courier New",monospace}.marquee span{display:inline-block;animation:scroll 14s linear infinite}@keyframes scroll{from{transform:translateX(800px)}to{transform:translateX(-100%)}}
.layout{display:grid;grid-template-columns:145px 1fr 145px;gap:7px;padding:7px}.box{background:#fff;border:4px ridge #fff;padding:8px;margin-bottom:7px}.title{margin:-8px -8px 8px;padding:5px;background:#000080;color:#fff;text-align:center;font:bold 12px "Courier New",monospace;border-bottom:3px ridge #fff}
.nav a{display:block;margin:5px 0;padding:6px;background:#ff0;color:#000;border:3px outset #fff;text-align:center;text-decoration:none;font-size:11px}.nav a:hover{background:#f0f;color:#fff}
.hero{padding:18px;text-align:center;background:#21003d;color:#fff;border:5px double #f0f}.hero h2{color:#ff0;font:32px Impact;margin:0 0 10px;text-shadow:2px 2px #f00}.blink{animation:blink .7s steps(1) infinite}@keyframes blink{50%{visibility:hidden}}
.warning{background:#f00;color:#ff0;border:5px dashed #ff0;padding:8px;text-align:center;font:bold 18px Impact}
.terminal{background:#000;color:#0f0;border:4px inset #777;padding:10px;font:12px/1.5 "Courier New",monospace}
.webring{background:#0ff;border:5px ridge #fff;padding:8px;text-align:center;font-size:11px}
.counter{display:inline-block;background:#000;color:#0f0;border:3px inset #777;padding:4px 8px;font:18px "Courier New",monospace;letter-spacing:3px}
footer{background:#000;color:#fff;border-top:6px ridge #fff;padding:14px;text-align:center;font:11px "Courier New",monospace}
table{border-collapse:collapse}td,th{border:2px ridge #fff;padding:7px}.guestbook{background:#0ff!important;color:#000!important;text-align:center}
@media(max-width:820px){.page{width:calc(100% - 15px)}.layout{grid-template-columns:1fr}.header h1{font-size:36px}}