@import url(https://fonts.googleapis.com/css?family=Montserrat);

html, body{
 height: 100%;
 font-weight: 8;
}

body{
 background: #030321;
 font-family: Arial;
}


svg {
   display: block;
   font: 10.5em 'awesome';
   width: 960px;
   height: 300px;
   margin: 0 auto;
}

.text-copy {
   fill: none;
   stroke: white;
   stroke-dasharray: 9% 29%;
   stroke-width: 4px;
   stroke-dashoffset: 9%;
   animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
   stroke: blue;
   animation-delay: -1;
}

.text-copy:nth-child(2){
   stroke: #840037;
   animation-delay: -2s;
}

.text-copy:nth-child(3){
   stroke: #BD0034;
   animation-delay: -3s;
}

.text-copy:nth-child(4){
   stroke: #BD0034;
   animation-delay: -4s;
}

.text-copy:nth-child(5){
   stroke: #FDB731;
   animation-delay: -5s;
}

@keyframes stroke-offset{
   100% {stroke-dashoffset: -40%;}
}