@keyframes sequence {
  0% {
    text-shadow: 2px 0 0 #2196F3, -2px 0 0 #2196F3, 0 2px 0 #2196F3, 0 -2px 0 #2196F3, 1px 1px #2196F3, -1px -1px 0 #2196F3, 1px -1px 0 #2196F3, -1px 1px 0 #2196F3;
  }
  20% {
    text-shadow: 2px 0 0 #9C27B0, -2px 0 0 #9C27B0, 0 2px 0 #9C27B0, 0 -2px 0 #9C27B0, 1px 1px #9C27B0, -1px -1px 0 #9C27B0, 1px -1px 0 #9C27B0, -1px 1px 0 #9C27B0;
  }
  40% {
    text-shadow: 2px 0 0 #F44336, -2px 0 0 #F44336, 0 2px 0 #F44336, 0 -2px 0 #F44336, 1px 1px #F44336, -1px -1px 0 #F44336, 1px -1px 0 #F44336, -1px 1px 0 #F44336;
  }
  60% {
    text-shadow: 2px 0 0 #FFEB3B, -2px 0 0 #FFEB3B, 0 2px 0 #FFEB3B, 0 -2px 0 #FFEB3B, 1px 1px #FFEB3B, -1px -1px 0 #FFEB3B, 1px -1px 0 #FFEB3B, -1px 1px 0 #FFEB3B;
  }
  80% {
    text-shadow: 2px 0 0 #74D108, -2px 0 0 #74D108, 0 2px 0 #74D108, 0 -2px 0 #74D108, 1px 1px #74D108, -1px -1px 0 #74D108, 1px -1px 0 #74D108, -1px 1px 0 #74D108;
  }
  100% {
    text-shadow: 2px 0 0 #2196F3, -2px 0 0 #2196F3, 0 2px 0 #2196F3, 0 -2px 0 #2196F3, 1px 1px #2196F3, -1px -1px 0 #2196F3, 1px -1px 0 #2196F3, -1px 1px 0 #2196F3;
  }
}
.animation3{
    animation-name: sequence;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    color: transparent;
   
}
.animation3:nth-child(1) {
    animation-delay: 0s;
}
.animation3:nth-child(2) {
    animation-delay: 0.2s;
}
.animation3:nth-child(3) {
    animation-delay: 0.4s;
}
.animation3:nth-child(4) {
    animation-delay: 0.6s;
}

.animation3:nth-child(5) {
  animation-delay: 0.8s;
}

.animation3:nth-child(6) {
  animation-delay: 1.0s;
}

.animation3:nth-child(7) {
  animation-delay: 1.2s;
}

.animation3:nth-child(8) {
  animation-delay: 1.4s;
}

.animation3:nth-child(9) {
  animation-delay: 1.6s;
}

.animation3:nth-child(10) {
  animation-delay: 1.8s;
}

.animation3:nth-child(11) {
  animation-delay: 2.0s;
}

.animation3:nth-child(12) {
  animation-delay: 2.2s;
}

.animation3:nth-child(13) {
  animation-delay: 2.4s;
}

.animation3:nth-child(14) {
  animation-delay: 2.6s;
}

.animation3:nth-child(15) {
  animation-delay: 2.8s;
}

.animation3:nth-child(16) {
  animation-delay: 3.0s;
}

.animation3:nth-child(17) {
  animation-delay: 3.2s;
}

.animation3:nth-child(18) {
  animation-delay: 3.4s;
}

.animation3:nth-child(19) {
  animation-delay: 3.6s;
}

.animation3:nth-child(20) {
  animation-delay: 3.8s;
}

@keyframes glow {
    from { text-shadow: 0 0 2px,
        0 0 20px,
        0 0 22px,
        0 0 40px,
        0 0 60px,
        0 0 80px,
        0 0 100px,
        0 0 140px,
        0 0 200px;}
    to { text-shadow: 0 0 2px rgba(255,255,255,.8),
        0 0 8px ,
        0 0 2px ,
        0 0 20px ,
        0 0 30px ,
        0 0 40px ,
        0 0 50px ,
        0 0 80px ; }
}
.animation1 {
    animation-name: glow;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.animation1:nth-child(1) {
    animation-delay: 0s;
}
.animation1:nth-child(2) {
    animation-delay: 0.2s;
}
.animation1:nth-child(3) {
    animation-delay: 0.4s;
}
.animation1:nth-child(4) {
    animation-delay: 0.6s;
}

.animation1:nth-child(5) {
  animation-delay: 0.8s;
}

.animation1:nth-child(6) {
  animation-delay: 1.0s;
}

.animation1:nth-child(7) {
  animation-delay: 1.2s;
}

.animation1:nth-child(8) {
  animation-delay: 1.4s;
}

.animation1:nth-child(9) {
  animation-delay: 1.6s;
}

.animation1:nth-child(10) {
  animation-delay: 1.8s;
}

.animation1:nth-child(11) {
  animation-delay: 2.0s;
}

.animation1:nth-child(12) {
  animation-delay: 2.2s;
}

.animation1:nth-child(13) {
  animation-delay: 2.4s;
}

.animation1:nth-child(14) {
  animation-delay: 2.6s;
}

.animation1:nth-child(15) {
  animation-delay: 2.8s;
}

.animation1:nth-child(16) {
  animation-delay: 3.0s;
}

.animation1:nth-child(17) {
  animation-delay: 3.2s;
}

.animation1:nth-child(18) {
  animation-delay: 3.4s;
}

.animation1:nth-child(19) {
  animation-delay: 3.6s;
}

.animation1:nth-child(20) {
  animation-delay: 3.8s;
}

/* Add more nth-child rules for longer texts */
@keyframes zoom {
  0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}
.animation2 {
    animation-name: zoom;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


/* .animation0{
	        animation: animation0 infinite both;
}

  @keyframes animation0 {
    100% {
      color: red;
    }
    
  } */

/* Blinking animation */
.animation4 {
	-webkit-animation: blink-1 0.6s infinite both;
	        animation: blink-1 0.6s infinite both;
}

 @-webkit-keyframes blink-1 {
    0%,
    50%,
    100% {
      opacity: 1;
    }
    25%,
    75% {
      opacity: 0;
    }
  }
  @keyframes blink-1 {
    0%,
    50%,
    100% {
      opacity: 1;
    }
    25%,
    75% {
      opacity: 0;
    }
  }

  /* color change animation  */
.animation5 {
	-webkit-animation: color-change-5x 8s linear infinite alternate both;
	        animation: color-change-5x 8s linear infinite alternate both;
}

@-webkit-keyframes color-change-5x {
    0% {
      color: #19dcea;
    }
    25% {
      color: #b22cff;
    }
    50% {
      color: #ea2222;
    }
    75% {
      color: #f5be10;
    }
    100% {
      color: #3bd80d;
    }
  }
  @keyframes color-change-5x {
    0% {
      color: #19dcea;
    }
    25% {
      color: #b22cff;
    }
    50% {
      color: #ea2222;
    }
    75% {
      color: #f5be10;
    }
    100% {
      color: #3bd80d;
    }
  }

  .animation6 {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    }

    @-webkit-keyframes fadeOutRight {
    0% {
    opacity: 1;
    }
    100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    }
    }
    @keyframes fadeOutRight {
    0% {
    opacity: 1;
    }
    100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    }
    }
  
.animation7{
    color: transparent;
    animation: colorful 10s linear infinite;
}


    
    @keyframes colorful {
      0% {
        text-shadow: 2px 0 0 #2196F3, -2px 0 0 #2196F3, 0 2px 0 #2196F3, 0 -2px 0 #2196F3, 1px 1px #2196F3, -1px -1px 0 #2196F3, 1px -1px 0 #2196F3, -1px 1px 0 #2196F3;
      }
      20% {
        text-shadow: 2px 0 0 #9C27B0, -2px 0 0 #9C27B0, 0 2px 0 #9C27B0, 0 -2px 0 #9C27B0, 1px 1px #9C27B0, -1px -1px 0 #9C27B0, 1px -1px 0 #9C27B0, -1px 1px 0 #9C27B0;
      }
      40% {
        text-shadow: 2px 0 0 #F44336, -2px 0 0 #F44336, 0 2px 0 #F44336, 0 -2px 0 #F44336, 1px 1px #F44336, -1px -1px 0 #F44336, 1px -1px 0 #F44336, -1px 1px 0 #F44336;
      }
      60% {
        text-shadow: 2px 0 0 #FFEB3B, -2px 0 0 #FFEB3B, 0 2px 0 #FFEB3B, 0 -2px 0 #FFEB3B, 1px 1px #FFEB3B, -1px -1px 0 #FFEB3B, 1px -1px 0 #FFEB3B, -1px 1px 0 #FFEB3B;
      }
      80% {
        text-shadow: 2px 0 0 #74D108, -2px 0 0 #74D108, 0 2px 0 #74D108, 0 -2px 0 #74D108, 1px 1px #74D108, -1px -1px 0 #74D108, 1px -1px 0 #74D108, -1px 1px 0 #74D108;
      }
      100% {
        text-shadow: 2px 0 0 #2196F3, -2px 0 0 #2196F3, 0 2px 0 #2196F3, 0 -2px 0 #2196F3, 1px 1px #2196F3, -1px -1px 0 #2196F3, 1px -1px 0 #2196F3, -1px 1px 0 #2196F3;
      }
    }


    
    .animation8{
        animation-name: signage;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        animation-fill-mode: both;
    }
    .animation8:nth-child(1) {
        animation-delay: 0s;
    }
    .animation8:nth-child(2) {
        animation-delay: 0.2s;
    }
    .animation8:nth-child(3) {
        animation-delay: 0.4s;
    }
    .animation8:nth-child(4) {
        animation-delay: 0.6s;
    }
    
    .animation8:nth-child(5) {
      animation-delay: 0.8s;
    }
    
    .animation8:nth-child(6) {
      animation-delay: 1.2s;
    }

    .animation8:nth-child(7) {
      animation-delay: 1.4s;
    }
    
    .animation8:nth-child(8) {
      animation-delay: 1.6s;
    }
    
    .animation8:nth-child(9) {
      animation-delay: 1.8s;
    }
    
    .animation8:nth-child(10) {
      animation-delay: 2.2s;
    }

    .animation8:nth-child(11) {
      animation-delay: 2.0s;
    }
    
    .animation8:nth-child(12) {
      animation-delay: 2.2s;
    }
    
    .animation8:nth-child(13) {
      animation-delay: 2.4s;
    }
    
    .animation8:nth-child(14) {
      animation-delay: 2.6s;
    }
    
    .animation8:nth-child(15) {
      animation-delay: 2.8s;
    }
    
    .animation8:nth-child(16) {
      animation-delay: 3.0s;
    }
    
    .animation8:nth-child(17) {
      animation-delay: 3.2s;
    }
    
    .animation8:nth-child(18) {
      animation-delay: 3.4s;
    }
    
    .animation8:nth-child(19) {
      animation-delay: 3.6s;
    }
    
    .animation8:nth-child(20) {
      animation-delay: 3.8s;
    }

    @keyframes signage {
      
      25% {
        
        text-shadow: 2px 2px 5px ;
      }
      50% {
        
        text-shadow: 2px 2px 5px ;
      }
      75% {
        
        text-shadow: 2px 2px 5px ;
      }
      100% {
  
        text-shadow: 2px 2px 5px ;
      }
    }

    .animation9 {
      position: relative;
      text-align: center;
      color: transparent;
      animation: neon 1s ease-in-out infinite alternate;
    }

  .animation9:nth-child(1) {
      animation-delay: 0s;
  }
  .animation9:nth-child(2) {
      animation-delay: 0.2s;
  }
  .animation9:nth-child(3) {
      animation-delay: 0.4s;
  }
  .animation9:nth-child(4) {
      animation-delay: 0.6s;
  }
  
  .animation9:nth-child(5) {
    animation-delay: 0.8s;
  }
  
  .animation9:nth-child(6) {
    animation-delay: 1.2s;
  }

  .animation9:nth-child(7) {
    animation-delay: 1.4s;
  }
  
  .animation9:nth-child(8) {
    animation-delay: 1.6s;
  }
  
  .animation9:nth-child(9) {
    animation-delay: 1.8s;
  }
  
  .animation9:nth-child(10) {
    animation-delay: 2.2s;
  }

  .animation9:nth-child(11) {
    animation-delay: 2.0s;
  }
  
  .animation9:nth-child(12) {
    animation-delay: 2.2s;
  }
  
  .animation9:nth-child(13) {
    animation-delay: 2.4s;
  }
  
  .animation9:nth-child(14) {
    animation-delay: 2.6s;
  }
  
  .animation9:nth-child(15) {
    animation-delay: 2.8s;
  }
  
  .animation9:nth-child(16) {
    animation-delay: 3.0s;
  }
  
  .animation9:nth-child(17) {
    animation-delay: 3.2s;
  }
  
  .animation9:nth-child(18) {
    animation-delay: 3.4s;
  }
  
  .animation9:nth-child(19) {
    animation-delay: 3.6s;
  }
  
  .animation9:nth-child(20) {
    animation-delay: 3.8s;
  }
    
    @keyframes neon {
      from {
        text-shadow: 0 0 0.3rem #fff, 0 0 0.6rem #fff, 0 0 1.5rem #fff, 0 0 2.5rem #0af, 0 0 5rem #0af, 0 0 10rem #0af, 0 0 20rem #0af;
      }
      to {
        text-shadow: 0 0 0.4rem #fff, 0 0 0.9rem #fff, 0 0 2.2rem #fff, 0 0 3.6rem #0af, 0 0 7.5rem #0af, 0 0 15rem #0af, 0 0 30rem #0af;
      }
    }