/* Main stuff */
.text {
    display: block;
  fill: none;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-dasharray: 80 140;
  stroke-dashoffset: 0;
  -webkit-animation: stroke 6s infinite linear;
  animation: stroke 6s infinite linear; }

  .text:nth-child(5n + 1) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s; }
  .text:nth-child(5n + 2) {
    -webkit-animation-delay: -2.1s;
    animation-delay: -2.1s; }
  .text:nth-child(5n + 3) {
    -webkit-animation-delay: -3.2s;
    animation-delay: -3.2s; }
  .text:nth-child(5n + 4) {
    -webkit-animation-delay: -4.3s;
    animation-delay: -4.3s; }
  .text:nth-child(5n + 5) {
    -webkit-animation-delay: -6s;
    animation-delay: -6s; }


/*colors*/
.text:nth-child(5n + 1) { stroke: #005029;}
.text:nth-child(5n + 2) { stroke: #F5A503;}
.text:nth-child(5n + 3) { stroke: #8ed47b;}
.text:nth-child(5n + 4) { stroke: #baff00;}
.text:nth-child(5n + 5) { stroke: #00944d;}






@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: -400; } }
@keyframes stroke {
  100% {
    stroke-dashoffset: -400; } }
/* Other stuff */



.fontcont { font: 800 2.6em/1  'Open Sans', Impact;}

@media screen and (max-width: 600px) {
.main1 .fontcont { font: 1000 4.2em/1  'Open Sans', Impact;}
.fontcont { font: 800 3.2em/1  'Open Sans', Impact;}
}


svg {
  width: 100%;
  display: block;
  text-transform: uppercase; }
.txt1{ display: block; margin-top: 80px; top: 80px; letter-spacing: 4px; font-family: 'Syncopate', sans-serif; font-weight: bold;}

@media screen and (max-width: 600px) {
.main1 svg { width: 110%;}
}