
#visual .tcon1 .txt span {
  -moz-animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  opacity: 0;
}
#visual .ply .tcon1 .txt span {
    display: inline-block;
    text-shadow: 0 0 0 whitesmoke;
    animation: smoky 12s 10s both;
    vertical-align: middle;
    animation-iteration-count: infinite;
    opacity: 1;
}
  
#visual .ply .tcon1.txt span:nth-child(even) {
    animation-name: smoky-mirror;
    animation-iteration-count: infinite;
}
  
@keyframes smoky {
    0% {
      transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
      filter: blur(1.17rem);
      text-shadow: 0 0 20px whitesmoke;
      opacity: 0;
    }
    30% {
      transform: none;
      filter: none;
      text-shadow: 0 0 0 whitesmoke;
      opacity: 1;
    }
    75% {
      transform: none;
      filter: none;
      text-shadow: 0 0 0 whitesmoke;
      opacity: 1;
    }
    85% {
      opacity: 0;
      filter: blur(1.17rem);
    }
    100% {
      opacity: 0;
      filter: blur(1.17rem);
    }
}
  
@keyframes smoky-mirror {
    0% {
      transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
      filter: blur(1.17rem);
      text-shadow: 0 0 20px whitesmoke;
      opacity: 0;
    }
    30% {
      transform: none;
      filter: none;
      text-shadow: 0 0 0 whitesmoke;
      opacity: 1;
    }
    75% {
      transform: none;
      filter: none;
      text-shadow: 0 0 0 whitesmoke;
      opacity: 1;
    }
    85% {
      opacity: 0;
      filter: blur(1.17rem);
    }
    100% {
      opacity: 0;
      filter: blur(1.17rem);
    }
}
  
  /* Generating animation delays */
  #visual .tcon1 .txt span:nth-of-type(1) {
    animation-delay: 1.1s;
    margin: 0 5px;
  }
  #visual .tcon1 .txt span:nth-of-type(2) {
    animation-delay: 1.2s;
    margin: 0 0.5vw;
  }
  #visual .tcon1 .txt span:nth-of-type(3) {
    animation-delay: 1.3s;
    margin: 0 0.2vw;
  }
  #visual .tcon1 .txt span:nth-of-type(4) {
    animation-delay: 1.4s;
    margin: 0 0.5vw 0 -1vw;
  }
  #visual .tcon1 .txt span:nth-of-type(5) {
    animation-delay: 1.5s;
    margin: 0 0 0 0.5vw;
  }
  #visual .tcon1 .txt span:nth-of-type(6) {
    animation-delay: 1.6s;
  }
  #visual .tcon1 .txt span:nth-of-type(7) {
    animation-delay: 1.7s;
    margin: 0 0.5vw;
  }
  #visual .tcon1 .txt span:nth-of-type(8) {
    animation-delay: 1.8s;
    margin: 0 0.5vw;
  }
  #visual .tcon1 .txt span:nth-of-type(9) {
    animation-delay: 1.9s;
    margin: 0 0.5vw;
  }
    