/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body {
  background: #000 url('tiled-bg.gif') repeat;
  color: #e0e0e0; /* Soft white - way easier to read than neon green */
  font-family: 'Comic Sans MS', Verdana, sans-serif;
  background-attachment: fixed;
  line-height: 1.6; /* Adds breathing room between lines */
}

.container {
  width: 780px;
  margin: 0 auto;
  border: 4px ridge #ff00ff;
  background: #1a0033;
  padding: 12px;
}

a { 
  color: #00ffff; 
  text-decoration: underline overline; 
  font-weight: bold; /* Makes links pop more */
}
a:hover {
  color: #ffff00; /* Yellow on hover - super retro! */
  background: #333;
}
a:visited { color: #ff69b4; }

.box {
  border: 3px outset #c0c0c0;
  background: #c0c0c0;
  color: #000;
  padding: 6px;
}

/* NEW: Readable heading colors */
h1, h2 {
  color: #00ffff;
  text-shadow: 1px 1px 0 #000; /* Adds depth for readability */
}

/* NEW: Readable date/label color */
strong {
  color: #ff99ff; /* Lighter magenta - still pink, but readable */
}

/* NEW: Blinking text animation */
.blink {
  animation: blinker 1s step-end infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}