@keyframes wave {
  from {
    transform: translateY(0);
    color: rgba(231, 255, 22, 0.56);
  }
  to {
    transform: translateY(-7px);
  }
}
.wavetext {
 
 margin : auto;
}

.wavetext span {
  display: inline-block;
 
  animation-duration: 0.75s;
  animation-name: wave;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.wavetext :nth-child(50n + 0) {
  animation-delay: -0.765s;
  color: #070262;
}

.wavetext :nth-child(50n + 1) {
  animation-delay: -0.75s;
  color: #070262;
}

.wavetext :nth-child(50n + 2) {
  animation-delay: -0.735s;
  color: #070262;
}

.wavetext :nth-child(50n + 3) {
  animation-delay: -0.72s;
  color: #070262;
}

.wavetext :nth-child(50n + 4) {
  animation-delay: -0.705s;
  color: #070262;
}

.wavetext :nth-child(50n + 5) {
  animation-delay: -0.69s;
  color: #070262;
}

.wavetext :nth-child(50n + 6) {
  animation-delay: -0.675s;
  color: #070262;
}

.wavetext :nth-child(50n + 7) {
  animation-delay: -0.66s;
  color: #070262;
}

.wavetext :nth-child(50n + 8) {
  animation-delay: -0.645s;
  color: #070262;
}

.wavetext :nth-child(50n + 9) {
  animation-delay: -0.63s;
  color: #070262;
}

.wavetext :nth-child(50n + 10) {
  animation-delay: -0.615s;
  color: #070262;
}

.wavetext :nth-child(50n + 11) {
  animation-delay: -0.6s;
  color: #070262;
}

.wavetext :nth-child(50n + 12) {
  animation-delay: -0.585s;
  color: #070262;
}

.wavetext :nth-child(50n + 13) {
  animation-delay: -0.57s;
  color: #070262;
}

.wavetext :nth-child(50n + 14) {
  animation-delay: -0.555s;
  color: #070262;
}

.wavetext :nth-child(50n + 15) {
  animation-delay: -0.54s;
  color: #070262;
}

.wavetext :nth-child(50n + 16) {
  animation-delay: -0.525s;
  color: #070262;
}

.wavetext :nth-child(50n + 17) {
  animation-delay: -0.51s;
  color: #070262;
}

.wavetext :nth-child(50n + 18) {
  animation-delay: -0.495s;
  color: #070262;
}

.wavetext :nth-child(50n + 19) {
  animation-delay: -0.48s;
  color: #070262;
}

.wavetext :nth-child(50n + 20) {
  animation-delay: -0.465s;
  color: #070262;
}

.wavetext :nth-child(50n + 21) {
  animation-delay: -0.45s;
  color: #070262;
}

.wavetext :nth-child(50n + 22) {
  animation-delay: -0.435s;
  color: #070262;
}

.wavetext :nth-child(50n + 23) {
  animation-delay: -0.42s;
  color: #070262;
}

.wavetext :nth-child(50n + 24) {
  animation-delay: -0.405s;
  color: #070262;
}

.wavetext :nth-child(50n + 25) {
  animation-delay: -0.39s;
  color: #070262;
}

.wavetext :nth-child(50n + 26) {
  animation-delay: -0.375s;
  color: #070262;
}

.wavetext :nth-child(50n + 27) {
  animation-delay: -0.36s;
  color: #070262;
}

.wavetext :nth-child(50n + 28) {
  animation-delay: -0.345s;
  color: #070262;
}

.wavetext :nth-child(50n + 29) {
  animation-delay: -0.33s;
  color: #070262;
}

.wavetext :nth-child(50n + 30) {
  animation-delay: -0.315s;
  color: #070262;
}

.wavetext :nth-child(50n + 31) {
  animation-delay: -0.3s;
  color: #070262;
}

.wavetext :nth-child(50n + 32) {
  animation-delay: -0.285s;
  color: #070262;
}

.wavetext :nth-child(50n + 33) {
  animation-delay: -0.27s;
  color: #070262;
}

.wavetext :nth-child(50n + 34) {
  animation-delay: -0.255s;
  color: #070262;
}

.wavetext :nth-child(50n + 35) {
  animation-delay: -0.24s;
  color: #070262;
}

.wavetext :nth-child(50n + 36) {
  animation-delay: -0.225s;
  color: #070262;
}

.wavetext :nth-child(50n + 37) {
  animation-delay: -0.21s;
  color: #070262;
}

.wavetext :nth-child(50n + 38) {
  animation-delay: -0.195s;
  color: #070262;
}

.wavetext :nth-child(50n + 39) {
  animation-delay: -0.18s;
  color: #070262;
}

.wavetext :nth-child(50n + 40) {
  animation-delay: -0.165s;
  color: #070262;
}

.wavetext :nth-child(50n + 41) {
  animation-delay: -0.15s;
  color: #070262;
}

.wavetext :nth-child(50n + 42) {
  animation-delay: -0.135s;
  color: #070262;
}

.wavetext :nth-child(50n + 43) {
  animation-delay: -0.12s;
  color: #070262;
}

.wavetext :nth-child(50n + 44) {
  animation-delay: -0.105s;
  color: #070262;
}

.wavetext :nth-child(50n + 45) {
  animation-delay: -0.09s;
  color: #070262;
}

.wavetext :nth-child(50n + 46) {
  animation-delay: -0.075s;
  color: #070262;
}

.wavetext :nth-child(50n + 47) {
  animation-delay: -0.06s;
  color: #070262;
}

.wavetext :nth-child(50n + 48) {
  animation-delay: -0.045s;
  color: #070262;
}

.wavetext :nth-child(50n + 49) {
  animation-delay: -0.03s;
  color: #070262;
}

.wavetext :nth-child(50n + 50) {
  animation-delay: -0.015s;
  color: #070262;
}