.wave{width:200px;height:200px;transform-style:preserve-3d;margin:0 auto;transform:perspective(500px)rotateX(30deg)}.wave span{border:1px solid #00802a;border-radius:30%;animation:5s ease-in-out infinite animate;display:block;position:absolute;box-shadow:0 1px #014d1a}@keyframes animate{0%,to{transform:translate(0)}25%{transform:translateY(50px)}50%{transform:translateY(-50px)}75%{transform:translate(50px)}}.wave span:first-child,.wave span:nth-child(5),.wave span:nth-child(9),.wave span:nth-child(13),.wave span:nth-child(2),.wave span:nth-child(6),.wave span:nth-child(10),.wave span:nth-child(14),.wave span:nth-child(3),.wave span:nth-child(7),.wave span:nth-child(11),.wave span:nth-child(15),.wave span:nth-child(4),.wave span:nth-child(8),.wave span:nth-child(12),.wave span:nth-child(16){border-color:#eed231}.wave span:first-child{animation-delay:1.6s;inset:0}.wave span:nth-child(2){animation-delay:1.5s;inset:5px}.wave span:nth-child(3){animation-delay:1.4s;inset:10px}.wave span:nth-child(4){animation-delay:1.3s;inset:15px}.wave span:nth-child(5){animation-delay:1.2s;inset:20px}.wave span:nth-child(6){animation-delay:1.1s;inset:25px}.wave span:nth-child(7){animation-delay:1s;inset:30px}.wave span:nth-child(8){animation-delay:.9s;inset:35px}.wave span:nth-child(9){animation-delay:.8s;inset:40px}.wave span:nth-child(10){animation-delay:.7s;inset:45px}.wave span:nth-child(11){animation-delay:.6s;inset:50px}.wave span:nth-child(12){animation-delay:.5s;inset:55px}.wave span:nth-child(13){animation-delay:.4s;inset:60px}.wave span:nth-child(14){animation-delay:.3s;inset:65px}.wave span:nth-child(15){animation-delay:.2s;inset:70px}.wave span:nth-child(16){background-color:#eed231;animation-delay:.1s;inset:75px}