:root {
  --effect: hover 1s linear infinite;
}

.js-loading-text {
  display            : inline-block;
  text-align         : center;
  font-size          : 5vw;
  color              : #121212;
  -webkit-text-stroke: 2px gray;
}

.neonString p:nth-child(2) {
  animation: var(--effect);
}

.neonString p:nth-child(3) {
  animation: var(--effect) .1s;
}

  @keyframes hover {
    0% {
      transform: scale(.5);
      color: #121212;
      -webkit-text-stroke: 2px gray;
    }
  
    20% {
      transform: scale(1.0);
      color: pink;
      -webkit-text-stroke: 3px red;
      filter: drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 3px red)drop-shadow(0 0 5px red)hue-rotate(10turn);
    }
  
    50% {
      transform: scale(.5);
      color: #121212;
      -webkit-text-stroke: 2px gray;
    }
  
  
  }