@import url(http://fonts.googleapis.com/css?family=Papyrus:400,800);

body {
  font-family: 'Papyrus';
  overflow: visible;
  background: #000000;
}

.animation-container {
  font-weight: 800;
  font-size: 7em;
  opacity: 1;
}

.animation-container svg {
  width: 90%;
  display: block;
  top: 30%;
  margin: 1% 0 0 1%;
  position: fixed;
}

.animation-container svg .text {
  width: 100%;
  fill: transparent;
  stroke-width: 1;
  stroke-linejoin: round;
  stroke-dasharray: 90,310;
  stroke-dashoffset: 0;
  -webkit-animation: text 8s infinite linear;
  animation: text 8s infinite linear;
}

.animation-container svg .text:nth-child(4n + 1) {
  stroke: #0099FF;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.animation-container svg .text:nth-child(4n + 2) {
  stroke: #0000FF;
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
}

.animation-container svg .text:nth-child(4n + 3) {
  stroke: #0099FF;
  -webkit-animation-delay: -6s;
  animation-delay: -6s;
}

.animation-container svg .text:nth-child(4n + 4) {
  stroke: #0000FF;
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
}

@-webkit-keyframes text {
  100% {
    stroke-dashoffset: -400;
  }
}