/* weirdnet.org -- one stylesheet for the whole network.
   Netscape 2 would ignore most of this and the page would still look right,
   because the colors and fonts are repeated as HTML attributes on <body>. */

body {
  background: #ffffff url("/gifs/bg-tile.gif");
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  margin: 8px;
}

a:link { color: #0000ff; }
a:visited { color: #800080; }
a:active { color: #ff0000; }

img { max-width: 100%; height: auto; }
table { max-width: 100%; }

pre, tt, code { font-family: "Courier New", Courier, monospace; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }

.small { font-size: 13px; }
.datestamp { font-family: "Courier New", Courier, monospace; font-size: 13px; }

/* the <blink> tag, the only way left */
.blink { animation: blink 1s steps(1, end) infinite; }
@keyframes blink { 50% { visibility: hidden; } }

/* phones did not exist; this is the one concession */
@media (max-width: 600px) {
  .layout, .layout tbody, .layout tr, .layout td { display: block; width: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
  .blink { animation: none; }
}
