.rainbow :nth-child(12n-1) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -2.2s;
  animation: rainbow 3s linear infinite;
  animation-delay: -2.2s;
}

.rainbow :nth-child(12n) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -2s;
  animation: rainbow 3s linear infinite;
  animation-delay: -2s;
}

.rainbow :nth-child(12n+1) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -1.8s;
  animation: rainbow 3s linear infinite;
  animation-delay: -1.8s;
}

.rainbow :nth-child(12n+2) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -1.6s;
  animation: rainbow 3s linear infinite;
  animation-delay: -1.6s;
}

.rainbow :nth-child(12n+3) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -1.4s;
  animation: rainbow 3s linear infinite;
  animation-delay: -1.4s;
}

.rainbow :nth-child(12n+4) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -1.2s;
  animation: rainbow 3s linear infinite;
  animation-delay: -1.2s;
}

.rainbow :nth-child(12n+5) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -1s;
  animation: rainbow 3s linear infinite;
  animation-delay: -1s;
}

.rainbow :nth-child(12n+6) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -0.8s;
  animation: rainbow 3s linear infinite;
  animation-delay: -0.8s;
}

.rainbow :nth-child(12n+7) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -0.6s;
  animation: rainbow 3s linear infinite;
  animation-delay: -0.6s;
}

.rainbow :nth-child(12n+8) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -0.4s;
  animation: rainbow 3s linear infinite;
  animation-delay: -0.4s;
}

.rainbow :nth-child(12n+9) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: -0.2s;
  animation: rainbow 3s linear infinite;
  animation-delay: -0.2s;
}

.rainbow :nth-child(12n+10) {
  -webkit-animation: rainbow 3s linear infinite;
  -webkit-animation-delay: 0s;
  animation: rainbow 3s linear infinite;
  animation-delay: 0s;
}

@keyframes rainbow {
  0% {
    color: red;
    text-shadow: 0 0 0.25em rgba(255, 71, 71, 1);
  }
  10% {
    color: #ff9900;
    text-shadow: 0 0 0.25em rgba(255, 182, 71, 1);
  }
  20% {
    color: #ccff00;
    text-shadow: 0 0 0.25em rgba(218, 255, 71, 1);
  }
  30% {
    color: #33ff00;
    text-shadow: 0 0 0.25em rgba(108, 255, 71, 1);
  }
  40% {
    color: #00ff66;
    text-shadow: 0 0 0.25em rgba(71, 255, 145, 1);
  }
  50% {
    color: cyan;
    text-shadow: 0 0 0.25em rgba(71, 255, 255, 1);
  }
  60% {
    color: #0066ff;
    text-shadow: 0 0 0.25em rgba(71, 145, 255, 1);
  }
  70% {
    color: #3300ff;
    text-shadow: 0 0 0.25em rgba(108, 71, 255, 1);
  }
  80% {
    color: #cc00ff;
    text-shadow: 0 0 0.25em rgba(218, 71, 255, 1);
  }
  90% {
    color: #ff0099;
    text-shadow: 0 0 0.25em rgba(255, 71, 182, 1);
  }
  100% {
    color: red;
    text-shadow: 0 0 0.25em rgba(255, 71, 71, 1);
  }
}

@-webkit-keyframes rainbow {
  0% {
    color: red;
    text-shadow: 0 0 0.25em rgba(255, 71, 71, 1);
  }
  10% {
    color: #ff9900;
    text-shadow: 0 0 0.25em rgba(255, 182, 71, 1);
  }
  20% {
    color: #ccff00;
    text-shadow: 0 0 0.25em rgba(218, 255, 71, 1);
  }
  30% {
    color: #33ff00;
    text-shadow: 0 0 0.25em rgba(108, 255, 71, 1);
  }
  40% {
    color: #00ff66;
    text-shadow: 0 0 0.25em rgba(71, 255, 145, 1);
  }
  50% {
    color: cyan;
    text-shadow: 0 0 0.25em rgba(71, 255, 255, 1);
  }
  60% {
    color: #0066ff;
    text-shadow: 0 0 0.25em rgba(71, 145, 255, 1);
  }
  70% {
    color: #3300ff;
    text-shadow: 0 0 0.25em rgba(108, 71, 255, 1);
  }
  80% {
    color: #cc00ff;
    text-shadow: 0 0 0.25em rgba(218, 71, 255, 1);
  }
  90% {
    color: #ff0099;
    text-shadow: 0 0 0.25em rgba(255, 71, 182, 1);
  }
  100% {
    color: red;
    text-shadow: 0 0 0.25em rgba(255, 71, 71, 1);
  }
}

.rainbow {
  /*animation: rainbow 2s ease-out infinite alternate;
  -webkit-animation: rainbow 2s ease-out infinite alternate;*/
}