html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: black;
}

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

  font-family: 'Press Start 2P', cursive;
  font-size: 40px;
  color: #00ff00;
  text-transform: uppercase;
  text-shadow: 0 0 10px #00ff00;

  text-decoration: none;
  transition: 
    transform 0.25s ease-out, 
    text-shadow 0.25s ease-out;
}

/* Hover animation */
.center-text:hover {
  transform: translate(-50%, -50%) scale(1.2);
  text-shadow: 
    0 0 12px #00ff00,
    0 0 25px #00ff00,
    0 0 40px #00ff00;

  animation: shake 0.15s linear infinite;
}

/* Slight jitter/glitch effect */
@keyframes shake {
  0% { transform: translate(-50%, -50%) translateX(0); }
  50% { transform: translate(-50%, -50%) translateX(2px); }
  100% { transform: translate(-50%, -50%) translateX(0); }
}