.st0:nth-child(1),
.st1:nth-child(1),
.st2:nth-child(1),
.st3:nth-child(1),
.st4:nth-child(1) {
  animation-delay: 806ms;
}

.st0:nth-child(2),
.st1:nth-child(2),
.st2:nth-child(2),
.st3:nth-child(2),
.st4:nth-child(2) {
  animation-delay: 709ms;
}

.st0:nth-child(3),
.st1:nth-child(3),
.st2:nth-child(3),
.st3:nth-child(3),
.st4:nth-child(3) {
  animation-delay: 490ms;
}

.st0:nth-child(4),
.st1:nth-child(4),
.st2:nth-child(4),
.st3:nth-child(4),
.st4:nth-child(4) {
  animation-delay: 813ms;
}

.st0:nth-child(5),
.st1:nth-child(5),
.st2:nth-child(5),
.st3:nth-child(5),
.st4:nth-child(5) {
  animation-delay: 658ms;
}

.st0:nth-child(6),
.st1:nth-child(6),
.st2:nth-child(6),
.st3:nth-child(6),
.st4:nth-child(6) {
  animation-delay: 192ms;
}

.st0:nth-child(7),
.st1:nth-child(7),
.st2:nth-child(7),
.st3:nth-child(7),
.st4:nth-child(7) {
  animation-delay: 928ms;
}

.st0:nth-child(8),
.st1:nth-child(8),
.st2:nth-child(8),
.st3:nth-child(8),
.st4:nth-child(8) {
  animation-delay: 798ms;
}

.st0:nth-child(9),
.st1:nth-child(9),
.st2:nth-child(9),
.st3:nth-child(9),
.st4:nth-child(9) {
  animation-delay: 35ms;
}

.st0:nth-child(10),
.st1:nth-child(10),
.st2:nth-child(10),
.st3:nth-child(10),
.st4:nth-child(10) {
  animation-delay: 119ms;
}

.st0 {
  fill: #c9b09c;
  animation: australia 2s linear infinite;
  animation-delay: -1809ms;
  animation-timing-function: ease-in-out;
  animation-name: anim-st0;
}

.st1 {
  fill: #009991;
  animation: australia 2s linear infinite;
  animation-delay: -872ms;
  animation-timing-function: ease-in-out;
  animation-name: anim-st1;
}

.st2 {
  fill: #257ab4;
  animation: australia 2s linear infinite;
  animation-delay: -1724ms;
  animation-timing-function: ease-in-out;
  animation-name: anim-st2;
}

.st3 {
  fill: #78909c;
  animation: australia 2s linear infinite;
  animation-delay: -1478ms;
  animation-timing-function: ease-in-out;
  animation-name: anim-st3;
}

.st4 {
  fill: #c35159;
  animation: australia 2s linear infinite;
  animation-delay: -263ms;
  animation-timing-function: ease-in-out;
  animation-name: anim-st4;
}

@keyframes anim-st0 {
  0% {
    fill: #c9b09c;
  }
  50% {
    fill: #f9f8f9;
  }
  100% {
    fill: #c9b09c;
  }
}
@keyframes anim-st1 {
  0% {
    fill: #009991;
  }
  50% {
    fill: #f9f8f9;
  }
  100% {
    fill: #009991;
  }
}
@keyframes anim-st2 {
  0% {
    fill: #257ab4;
  }
  50% {
    fill: #f9f8f9;
  }
  100% {
    fill: #257ab4;
  }
}
@keyframes anim-st3 {
  0% {
    fill: #78909c;
  }
  50% {
    fill: #f9f8f9;
  }
  100% {
    fill: #78909c;
  }
}
@keyframes anim-st4 {
  0% {
    fill: #c35159;
  }
  50% {
    fill: #f9f8f9;
  }
  100% {
    fill: #c35159;
  }
}
.text-animation {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}
.text-animation:before {
  content: "";
  color: #257ab4;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 0;
  height: 1.2em;
  transform: translate(-50%, -55%);
}
.text-animation.state-1:before {
  width: 1px;
}
.text-animation.state-2:before {
  width: 0.9em;
}
.text-animation.state-3 {
  color: #257ab4;
}
.text-animation.state-3:before {
  width: 0;
}/*# sourceMappingURL=style.css.map */