.grid-center {
  display: grid;
  place-items: center;
}

.color-text {
  font-size: 200px;
  font-weight: bold;
  font-family: 'Lato';
  text-align: center;
  white-space: nowrap;
}

.color-text span {
  display: inline-block;
  animation: colorChange 4s infinite;
}

.color-text span:nth-child(1) { animation-delay: 0s; }
.color-text span:nth-child(2) { animation-delay: 0.2s; }
.color-text span:nth-child(3) { animation-delay: 0.4s; }
.color-text span:nth-child(4) { animation-delay: 0.6s; }
.color-text span:nth-child(5) { animation-delay: 0.8s; }
.color-text span:nth-child(6) { animation-delay: 1s; }
.color-text span:nth-child(7) { animation-delay: 1.2s; }
.color-text span:nth-child(8) { animation-delay: 1.4s; }

@keyframes colorChange {
  0%   { color: white; }
  25%  { color: #259E64; }
  50%  { color: #FFEE57; }
  75%  { color: #B7212A; }
  100% { color: white; }
}