body{margin:0;background:#000080;color:#111;font:13px "Times New Roman",serif}.page{width:min(900px,96%);margin:12px auto;background:#c0c0c0;border:3px ridge #fff;padding:8px}header{text-align:center;background:#000080;color:#fff;border:2px outset #fff;padding:12px}header h1{font: bold 34px Georgia,serif;color:#ffff00;text-shadow:2px 2px #ff00ff;margin:4px}.sparkle{color:#00ffff;letter-spacing:8px}.nav{background:#ff00ff;color:#fff;padding:5px;margin:10px auto 0}.nav a, a{color:#0000ee;text-decoration:underline;cursor:pointer}.nav a{color:#fff;font-weight:bold}.layout{width:100%;margin-top:10px;border-collapse:separate;border-spacing:8px}.side{width:170px;vertical-align:top}.main{vertical-align:top}.box,.panel{background:#fff;border:3px ridge #fff;padding:10px;margin-bottom:10px}.box b{display:block;background:#000080;color:#fff;padding:4px;margin:-10px -10px 8px}.box a{display:block;margin:7px 0}.counter{text-align:center;background:#ffffcc}.counter strong{font:20px "Courier New";color:#ff0000}.webring{text-align:center;background:#ccffff}.panel h2{font-size:20px;color:#000080;background:#c0c0c0;border:2px outset #fff;padding:3px;margin:0 0 10px}.blink{color:#ff0000;font-weight:bold}.online{color:#008000}.tool-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-links a{background:#ffff99;border:1px solid #808000;padding:6px}.panel textarea{width:95%;height:70px;border:2px inset #fff}.old-button{border:3px outset #fff;background:#c0c0c0;padding:4px 12px}footer{text-align:center;border-top:2px solid #808080;margin-top:8px;padding:8px;font-size:12px}@media(max-width:650px){.side{width:120px}.layout{font-size:12px}.tool-links{grid-template-columns:1fr}header h1{font-size:25px}}