.rainbow{
 -webkit-animation:rainbow 3s linear infinite;
animation:rainbow 3s linear infinite;

}

@keyframes rainbow {
  from {
color: red;
text-shadow: 0 0 10px red;
  }
  12.5% {
color: orange;
text-shadow: 0 0 10px orange;
  }
  25% {
  color: yellow;
text-shadow: 0 0 10px yellow;
  }
  37.5% {
color: green;
text-shadow: 0 0 10px green;
  }
  50% {
color: blue;
text-shadow: 0 0 10px blue;
  }
  62.5% {
color: indigo;
text-shadow: 0 0 10px indigo;
  }
  75% {
color: violet;
text-shadow: 0 0 10px violet;
  }
	87.5% {
color: brown;
text-shadow: 0 0 10px violet;
  }
	90% {
color: pink;
text-shadow: 0 0 10px violet;
  }
  to {
color: red;
text-shadow: 0 0 10px red;
  }
}
@-webkit-keyframes rainbow {
  from {
color: red;
text-shadow: 0 0 10px red;
  }
  12.5% {
color: orange;
text-shadow: 0 0 10px orange;
  }
  25% {
  color: yellow;
text-shadow: 0 0 10px yellow;
  }
  37.5% {
color: green;
text-shadow: 0 0 10px green;
  }
  50% {
color: blue;
text-shadow: 0 0 10px blue;
  }
  62.5% {
color: indigo;
text-shadow: 0 0 10px indigo;
  }
  75% {
color: violet;
text-shadow: 0 0 10px violet;
  }
	87.5% {
color: brown;
text-shadow: 0 0 10px violet;
  }
	90% {
color: pink;
text-shadow: 0 0 10px violet;
  }
  to {
color: red;
text-shadow: 0 0 10px red;
  }
}