@keyframes backgroundpulse {
  0% {
    background: hsl(140, 54%, 64%);
  }
  33% {
    background: hsl(198, 54%, 64%);
  }
  66% {
    background: hsl(1, 68%, 76%);
  }
  100% {
    background: hsl(140, 54%, 64%);
  }
}

.animate-background {
  animation-name: backgroundpulse;
  animation-duration: 30s;
  animation-iteration-count: infinite;
}