/*design css by eyanx pustik
*lets standby sambil ngopi sambil nguliti css biar tambah heppiii
 */
.wave-animation {
  position: relative;
  width: 100%;
  height: 143px;
  background-color: #1E88E5;
  background-size: cover;
  background-attachment: fixed;
  
}
.wave-animation .wave {
  position: absolute;
  width: 100%;
  height: 143px;/*PNG*/
  bottom:0px;
  left:0;
  background-image: url('https://spada.teknokrat.ac.id/theme/moove/pix/waveku.png');
  animation: anim 10s linear infinite;
  
}
.wave-animation .wave:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 143px;
  bottom:0;
  left:0;
  background-image: url('https://spada.teknokrat.ac.id/theme/moove/pix/waveku.png');
  opacity: 0.4;
  animation: anim-rev 10s linear infinite;
  
}
.wave-animation .wave:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 143px;
  bottom:0;
  left:0;
  background-image: url('https://spada.teknokrat.ac.id/theme/moove/pix/waveku.png');
  opacity: 0.6;
  animation-delay: -5s;
  animation: anim 20s linear infinite;
  
}
@keyframes anim {
  0%
  {
    background-position: 0;
  }
  100%
  {
    background-position: 1360px;
  }
}
@keyframes anim-rev {
  0%
  {
    background-position: 1360px;
  }
  100%
  {
    background-position: 0px;
  }
}