span.neon {
  font-family: Wallpoet, serif;
  /*font-size: 241px;*/
  text-align: center;
  animation: flicker 5s infinite alternate;
  color: rgb(40,255,62);
  padding-right: 16px;
  padding-left: 16px;
}

@keyframes flicker {
  1%, 3%, 5%, 7%, 9%, 11%, 13%, 15%, 17%, 19%, 21%, 23%, 25%, 27%, 29%, 31%, 33%, 35%, 37%, 39%, 41%, 43%, 45%, 47%, 49%, 51%, 53%, 55%, 57%, 59%, 61%, 63%, 65%, 67%, 69%, 71%, 73%, 75%, 77%, 79%, 81%, 83%, 85%, 87%, 89%, 91%, 93%, 95%, 97%, 94% {
    text-shadow: 0 0 2px rgb(153,206,255), 0 0 4px #aef6f4, 0 0 8px #88def4, 0 0 16px #489cc2, 0 0 24px #4b98aa, 0 0 332px #4b98aa, 0 0 40px #4a9ca3, 0 0 48px #4b98aa, 0 0 56px #4b98aa, 0 0 64px #4b98aa;
  }
  0%, 2%, 4%, 6%, 8%, 16%, 42%, 44%, 54%, 56%, 58%, 60%, 62% {
    text-shadow: none;
  }
}

@media (min-width: 300px) {
  .neon {
    font-size: 64px;
  }
}

@media (min-width: 300px) {
  .workflow {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .workflow {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  .neon {
    font-size: 5rem;
  }
}

@media (min-width: 1200px) {
  .neon {
    font-size: 7rem;
  }
}

@media (min-width: 1400px) {
  .neon {
    font-size: 9rem;
  }
}