@charset "utf-8";
/* CSS Document */
body {
  background-color: black; /* Set background color to black to resemble the VHS tape background */
  font-family: Arial, sans-serif; /* Choose a font for the text */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

.vhs-text {
  color: white; /* Set text color to white */
  font-size: 48px; /* Set font size */
  text-transform: uppercase; /* Make text uppercase */
  text-shadow: 
    1px 1px 1px #00ff00, /* Green shadow offset by 1px to give a slight glow effect */
    -1px -1px 1px #ff0000, /* Red shadow offset by -1px to give a slight glow effect */
    2px 2px 4px #000000; /* Black shadow offset by 2px to give a blurry effect */
}

/* Optional: Animation for glitch effect */
@keyframes glitch {
  0% { transform: translate(0); }
  20% { transform: translate(-5px, 5px); }
  40% { transform: translate(5px, -5px); }
  60% { transform: translate(-5px, 5px); }
  80% { transform: translate(5px, -5px); }
  100% { transform: translate(0); }
}

.vhs-text:hover {
  animation: glitch 0.1s infinite;
}