/* /style.css */
body {
  font-family: Arial, Calibri, sans-serif;
  font-size: 14px;
  background-color: black;
  color: white;
}

h1 {
  font-family: Papyrus, "Arial Black", sans-serif;
  color: white;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  border: none;
}

p {
  color: white;
}

h2.rainbow-text-animated,
h3.rainbow-text-animated {
  /* Ensure cross-browser support */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent; /* WebKit is for Safari :3 */

  /* Coded animation */
  background-image: linear-gradient(to right, #ff2a2a, #ff7a2a, #ffc52a, #4eff2a, #2a76ff, #992aff, #ff2a2a);
  background-size: 200% auto;
  animation: rainbow-animation 3s linear infinite;
}

/* Define the animation movement */
@keyframes rainbow-animation {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}