@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .animation-container svg {
    height: 60px;
    display: block;
    position: absolute;
    top: 0rem;
    left: -63px;
  }
}

@media only screen and (min-device-width: 991px) {
  .animation-container svg {
    width: 19%;
    height: 62px;
    display: block;
    position: absolute;
    top: 0%;
  }
}

.animation-container {
    font-weight: 800;
    font-size: 2.6em;
    opacity: 0.3;
    }
.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: #999;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
    }
.animation-container svg .text:nth-child(4n + 2) {
    stroke: #999;
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    }
.animation-container svg .text:nth-child(4n + 3) {
    stroke: #999;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
    }
.animation-container svg .text:nth-child(4n + 4) {
    stroke: #999;
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
    }
@-webkit-keyframes text {
  100% {
    stroke-dashoffset: -400;
  }
}