@keyframes colorBlink {
  /* First 3 seconds - Red with blinking */
  0%, 8%, 16%, 24% { color: #ff0000; }  /* Red color */
  4%, 12%, 20% { color: transparent; }  /* Blink off */

  /* Next 3 seconds - Blue with blinking */
  25%, 33%, 41%, 49% { color: #0000ff; } /* Blue color */
  29%, 37%, 45% { color: transparent; }  /* Blink off */

  /* Third 3 seconds - Red with blinking */
  50%, 58%, 66%, 74% { color: #ff0000; }  /* Red color */
  54%, 62%, 70% { color: transparent; }  /* Blink off */

  /* Last 3 seconds - Blue with blinking */
  75%, 83%, 91%, 99% { color: #0000ff; } /* Blue color */
  79%, 87%, 95% { color: transparent; }  /* Blink off */
}