/* Fullscreen background */
body, html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: black;
  font-family: monospace;
  height: 100%;
}

/* Matrix canvas sits behind */
#matrix {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/* Centered text content */
.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  color: #00ff00;
  text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00;
}

.content h1 {
  font-size: 3em;
  letter-spacing: 5px;
  animation: flicker 2s infinite alternate;
}

@keyframes flicker {
  0% { opacity: 1; }
  50% { opacity: 0.7; }
  100% { opacity: 1; }
}