body {
    font-family: "Arimo", sans-serif;
}

.logo {
    font-size: 2rem;
    font-weight: 500;
}

.color-text span {
    animation: colorCycle 2s steps(1) infinite;
}

@keyframes colorCycle {
    0%   { color: red; }
    25%  { color: blue; }
    50%  { color: lime; }
    75%  { color: purple; }
    100% { color: red; }
}

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