@import url('https://fonts.googleapis.com/css?family=Open+Sans:600');

.raceTimer {
  margin: auto;
  width: 140px;
}
.raceTimer g > text {
  text-anchor: middle;
  font-size: 400px;
  font-family: Open Sans, monospace;
  fill: #FFF;
  opacity: 0;
  animation-name: opac;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.raceTimer g > text:nth-child(1) { animation-delay: 0s; }
.raceTimer g > text:nth-child(2) { animation-delay: 1s; }
.raceTimer g > text:nth-child(3) { animation-delay: 2s; }
.raceTimer g > text:nth-child(4) { animation-delay: 3s; }

@keyframes opac {
  0% { opacity: 0; }
  5% { opacity: 1; }
  10% { opacity: 1; }
  15% { opacity: 0; }
  100% { opacity: 0; }
}
