/* Shared "Under Construction" theme for the top-level stub pages — a loving
   throwback to the late-'90s / early-2000s personal web (GeoCities, Angelfire).
   Deliberately NOT the blog's Turbo Vision look. */

body {
  margin: 0;
  background-color: #000000;
  /* Tiled "starry night" background, drawn in CSS instead of a tiled GIF. */
  background-image: radial-gradient(#ffffff 1px, transparent 1.5px), radial-gradient(#5555ff 1px, transparent 1.5px);
  background-size:
    42px 42px,
    27px 27px;
  background-position:
    0 0,
    13px 9px;
  color: #ffff00;
  font-family: "Comic Sans MS", "Comic Sans", sans-serif;
  text-align: center;
}

a {
  color: #00ffff;
}
a:visited {
  color: #ff66ff;
}

.plate {
  width: 90%;
  max-width: 620px;
  margin: 26px auto;
  border: 6px ridge #c0c0c0;
  background: #000080;
  padding: 0 0 22px;
}

.marquee-bar {
  background: #000;
  color: #00ff00;
  padding: 5px 0;
  border-bottom: 2px solid #c0c0c0;
  font-family: "Courier New", monospace;
}

.sign {
  font-size: 48px;
  line-height: 1.1;
  margin-top: 14px;
}

h1 {
  color: #ff2020;
  font-size: 30px;
  margin: 8px 8px 6px;
  text-shadow: 2px 2px #000;
}

.blink {
  animation: blink 1s steps(1, end) infinite;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.hazard {
  height: 18px;
  margin: 16px 0;
  background: repeating-linear-gradient(45deg, #ffd700 0 14px, #000 14px 28px);
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

p {
  margin: 10px 18px;
}
.white {
  color: #ffffff;
}

.counter {
  display: inline-block;
  background: #000;
  color: #33ff33;
  font-family: "Courier New", monospace;
  font-size: 20px;
  letter-spacing: 5px;
  padding: 3px 9px;
  border: 2px inset #888;
}

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

.webbadge {
  display: inline-block;
  border: 2px outset #ccc;
  background: #c0c0c0;
  color: #000;
  font-size: 11px;
  padding: 2px 6px;
  font-family: Arial, sans-serif;
}

.nav {
  margin-top: 12px;
  font-family: "Times New Roman", serif;
  font-size: 16px;
  color: #fff;
}
.nav a {
  font-weight: bold;
}