/* Animation to change backgroundcolor */

@keyframes changeBackgroundColor {
  0% {
    background-color: rgb(255, 0, 0);
  }
  10% {
    background-color: rgb(255, 153, 0);
  }
  20% {
    background-color: rgb(251, 255, 0);
  }
  30% {
    background-color: rgb(187, 255, 0);
  }
  40% {
    background-color: rgb(0, 255, 98);
  }
  50% {
    background-color: rgb(0, 247, 255);
  }
  60% {
    background-color: rgb(0, 119, 255);
  }
  70% {
    background-color: rgb(68, 0, 255);
  }
  80% {
    background-color: rgb(183, 0, 255);
  }
  90% {
    background-color: rgb(255, 0, 200);
  }
  100% {
    background-color: rgb(255, 0, 0);
  }
}

.backgroundColor{
  animation-name: changeBackgroundColor;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;
}

/* Animation to make sloths spin */

@keyframes spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.spin {
  animation: spin 1s linear infinite;
}