.bubbles{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%}.bubbles li{animation:a 30s linear infinite;background:#ffd000e6;bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.bubbles li:first-child{animation-delay:0s;height:120px;left:15%;width:120px}.bubbles li:nth-child(2){animation-delay:2s;animation-duration:20s;height:30px;left:10%;width:30px}.bubbles li:nth-child(3){animation-delay:4s;height:40px;left:30%;width:40px}.bubbles li:nth-child(4){animation-delay:0s;animation-duration:26s;height:60px;left:10%;width:60px}.bubbles li:nth-child(5){animation-delay:0s;height:30px;left:25%;width:30px}.bubbles li:nth-child(6){animation-delay:3s;height:110px;left:35%;width:110px}.bubbles li:nth-child(7){animation-delay:7s;height:150px;left:35%;width:150px}.bubbles li:nth-child(8){animation-delay:15s;animation-duration:45s;height:75px;left:50%;width:75px}.bubbles li:nth-child(9){animation-delay:2s;animation-duration:35s;height:25px;left:20%;width:25px}.bubbles li:nth-child(10){animation-delay:0s;animation-duration:20s;height:150px;left:10%;width:150px}@keyframes a{0%{border-radius:10%;opacity:1;transform:translateY(0) rotate(0deg)}50%{border-radius:75%;opacity:.4;transform:translateY(-120vh) rotate(2turn)}to{border-radius:100%;opacity:0;transform:translateY(-120vh) rotate(900deg)}}