body {
  margin: 0;
  padding: 8px;
  background: #000014 url("gifs/starfield.gif") repeat;
  color: #ffffff;
  font-family: "Comic Sans MS", "Comic Sans", "Chalkboard SE", cursive;
  font-size: 16px;
  cursor: crosshair;
}

img {
  image-rendering: pixelated;
  vertical-align: middle;
  max-width: 100%;
}

a { color: #00ffff; }
a:visited { color: #ff66ff; }
a:hover { color: #ffff00; background: #ff0000; }

h1, h2, h3 {
  font-family: "Times New Roman", Times, serif;
  margin-top: 0.4em;
}

h1 { color: #ffff00; font-size: 36px; text-shadow: 3px 3px #ff0000; }
h2 { color: #00ff00; font-size: 24px; text-decoration: underline; }
h3 { color: #ff9900; }

.ticker {
  background: #000080;
  color: #ffff00;
  font-family: "Courier New", monospace;
  font-weight: bold;
  border: 2px ridge #c0c0c0;
  padding: 2px 0;
}

.welcome { margin-top: 10px; }
.fire { display: block; }
.flip { transform: scaleX(-1); }
.divider { margin: 10px 0; }
.half { width: 72px; }
.tiny-new { width: 38px; }
.float-right { float: right; margin: 0 0 10px 10px; }
.center { text-align: center; }
.small { font-size: 13px; }

.uc-row { margin: 8px auto; }
.uc-row td { text-align: center; vertical-align: middle; padding: 0 6px; }
.big { font-size: 22px; font-weight: bold; color: #ff0000; margin: 8px 0 4px; text-shadow: 1px 1px #ffff00; }
.sorry { color: #ffffff; margin: 4px 0; }

.layout {
  width: 800px;
  max-width: 100%;
  border-color: #ff00ff;
  background: rgba(0, 0, 60, 0.85);
}

.layout td { border-color: #00ffff; }
.sidebar { width: 150px; text-align: center; background: rgba(60, 0, 60, 0.85); }
.main { text-align: left; }

.nav { list-style: none; padding: 0; margin: 0; text-align: left; }
.nav li { margin: 6px 0; white-space: nowrap; }

.news li { margin: 4px 0; }

.rainbow-text {
  background: linear-gradient(90deg, #f00, #f90, #ff0, #0f0, #0ff, #00f, #f0f);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
}

.counter {
  display: inline-block;
  font-family: "Courier New", monospace;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #00ff00;
  background: #000000;
  border: 3px inset #808080;
  padding: 2px 6px;
}

.guestbook {
  display: inline-block;
  font-weight: bold;
  padding: 6px;
  border: 3px outset #c0c0c0;
  background: #c0c0c0;
  color: #000080 !important;
  text-decoration: none;
}

.webring {
  background: #000000;
  border-color: #ffff00;
  margin: 0 auto 10px;
}

.footer { font-size: 12px; color: #c0c0c0; }

.blink { animation: blink 1s steps(1, start) infinite; }
@keyframes blink { 50% { visibility: hidden; } }

.sparkle-trail {
  position: absolute;
  width: 22px;
  height: 22px;
  pointer-events: none;
  z-index: 9999;
  animation: fall 900ms linear forwards;
}

@keyframes fall {
  to { transform: translateY(30px); opacity: 0; }
}