@font-face {
  font-family: 'Moko';
  src: url('../fonts/mokoto_regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#logo-animation text {
  font-family: 'Moko', sans-serif;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

#logo-animation text {
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  animation: drawText 3s forwards ease-in-out, glowPulse 2s infinite alternate;
  font-family: 'Moko', sans-serif !important;

}

@keyframes drawText {
  0% {
    stroke-dashoffset: 800;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes glowPulse {
  0% {
    stroke: #fff;
    filter: drop-shadow(0 0 0px #fff);
  }

  50% {
    stroke: #fff;
    filter: drop-shadow(0 0 10px #fff);
  }

  100% {
    stroke: #fff;
    filter: drop-shadow(0 0 0px #fff);
  }
}