/* Light animated gradient background for Events and Contact pages */
body {
  background: linear-gradient(45deg, white, #07495d, white, #07495d);
  background-size: 300% 300%;
  background-position: 0% 50%;
  animation: infiniteGradient 20s ease-in-out infinite;
  color: #333;
}

/* Events page gets green gradient */
body.events {
  background: linear-gradient(45deg, white, #4c9b54, white, #4c9b54);
  background-size: 300% 300%;
  background-position: 0% 50%;
  animation: infiniteGradient 20s ease-in-out infinite;
}

@keyframes infiniteGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}