/* General Styling */
body {
  margin: 0;
  font-family: "Comic Sans MS", sans-serif;
  background: black;
  color: #00ff00;
  overflow: hidden;
}

h1 {
  font-size: 48px;
  color: #ff66ff;
  text-shadow: 2px 2px 4px #000000;
}

p {
  font-size: 20px;
  line-height: 1.8;
  text-shadow: 1px 1px 3px #000000;
}

.signature {
  font-size: 16px;
  font-style: italic;
  color: #ffcc00;
}

/* Retro Grid Animation */
.retro-grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #001f3f, #001f3f 1px, black 1px, black);
  background-size: 50px 50px;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* Background Animation */
@keyframes scanlines {
  0% { background-position: 0 0; }
  100% { background-position: 50px 50px; }
}

.retro-grid {
  animation: scanlines 10s linear infinite;
}