@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-20px)translate(10px)}50%{transform:translateY(-40px)translate(-10px)}75%{transform:translateY(-20px)translate(10px)}}@keyframes rise{0%{opacity:0;bottom:-100px}10%{opacity:1}90%{opacity:1}to{opacity:0;bottom:100%}}.bubble{background:#ffffff4d;border:2px solid #fff6;border-radius:50%;animation:linear infinite rise;position:absolute}.bubble1{width:40px;height:40px;animation-duration:8s;animation-delay:0s;left:10%}.bubble2{width:60px;height:60px;animation-duration:10s;animation-delay:2s;left:25%}.bubble3{width:30px;height:30px;animation-duration:7s;animation-delay:4s;left:40%}.bubble4{width:50px;height:50px;animation-duration:9s;animation-delay:1s;left:55%}.bubble5{width:35px;height:35px;animation-duration:8s;animation-delay:3s;left:70%}.bubble6{width:45px;height:45px;animation-duration:11s;animation-delay:5s;left:85%}.bubble7{width:55px;height:55px;animation-duration:10s;animation-delay:6s;left:15%}.bubble8{width:40px;height:40px;animation-duration:9s;animation-delay:2.5s;left:65%}