.rainbow {
  animation-name: rainbowtext;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  
}


@keyframes rainbowtext {
  0% {
    color:red;
  }
  12.5% {
    color: darkgoldenrod;
  }
  25% {
    color:blue;
  }
  37.5% {
    color: darkgreen;
  }
  50% {
    color:yellow;
  }
  62.5% {
    color: brown;
  }
  75% {
    color:pink;
  }
  87.5% {
    color: blueviolet;
  }
  100% {
    color:orange;
  }
}

.greyscale {
  animation-name: greyscale;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  
}


@keyframes greyscale {
  0% {
    color:rgba(135, 133, 133, 0.5);
  }
  33.3333333% {
    color:rgba(255, 255, 255, 0.5);
  }
  66.6666667% {
    color:rgba(0, 0, 0, 0.5);
  }
}