body {
  background-color: #000033;
  background-image:
    radial-gradient(#ffff00 1px, transparent 1px),
    radial-gradient(#ffff00 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
  font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;
  color: #ffffff;
  margin: 0;
}

.mainTable {
  background-color: #ffffff;
  color: #000000;
  border: 6px ridge #ff00ff;
  margin-top: 10px;
  margin-bottom: 20px;
}

.glitterTitle {
  font-size: 42px;
  color: #ff00ff;
  text-shadow: 2px 2px 0 #00ffff, -2px -2px 0 #ffff00;
  letter-spacing: 2px;
  margin-bottom: 0;
}

.blink {
  animation: blinker 1s step-start infinite;
  color: #ff0000;
  font-weight: bold;
}
@keyframes blinker {
  50% { opacity: 0; }
}

.rainbowText {
  font-weight: bold;
  font-size: 22px;
  background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.innerBox {
  border: 3px double #ff6600;
  background-color: #ffffcc;
}

.counter {
  font-family: "Courier New", monospace;
  font-size: 34px;
  font-weight: bold;
  background: #000;
  color: #0f0;
  display: inline-block;
  padding: 6px 14px;
  border: 2px inset #666;
  letter-spacing: 4px;
}

.starRule {
  border: none;
  border-top: 3px dashed #ff00ff;
  margin: 10px 0;
}

.navBox {
  background-color: #ccffff;
  border: 2px solid #0000ff;
  text-align: center;
}

.navBox a {
  color: #cc00cc;
  font-weight: bold;
  text-decoration: none;
}
.navBox a:hover {
  text-decoration: underline;
  color: #ff0000;
}

.polaroid {
  background: #ffffff;
  border: 4px solid #333;
  box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
  vertical-align: top;
}
.polaroid img {
  border: 2px solid #ccc;
  background: #eee;
  display: block;
  margin: 0 auto;
  min-height: 140px;
}
.polaroid p {
  font-style: italic;
  font-size: 13px;
}

.factList li {
  font-size: 16px;
  margin-bottom: 8px;
}

.retroButton {
  background: linear-gradient(#ffff66, #ff9900);
  border: 2px outset #fff;
  font-weight: bold;
  padding: 6px 14px;
  cursor: pointer;
  font-family: "Comic Sans MS", cursive;
}
.retroButton:active {
  border: 2px inset #fff;
}

.gbEntry {
  background: #eeeeff;
  border: 1px dashed #6666ff;
  padding: 8px;
  margin: 8px auto;
  width: 90%;
  text-align: left;
}
.gbEntry b { color: #cc00cc; }
.gbEntry .gbDate { font-size: 11px; color: #666; }

.footer {
  font-size: 11px;
  color: #666;
}

a { color: #0000ee; }
a:visited { color: #551a8b; }