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