.bubbles{z-index:0;pointer-events:none;width:100%;height:990px;position:absolute;bottom:0;left:0;overflow:hidden visible}.bubble{opacity:0;z-index:-1;background:#f1f1f1;border-radius:50%;width:40px;height:40px;animation:10s ease-in infinite rise;position:absolute;bottom:0}.bubble:first-child{width:40px;height:40px;animation-duration:8s;left:10%}.bubble:nth-child(2){width:20px;height:20px;animation-duration:5s;animation-delay:1s;left:20%}.bubble:nth-child(3){width:50px;height:50px;animation-duration:7s;animation-delay:2s;left:35%}.bubble:nth-child(4){width:80px;height:80px;animation-duration:11s;animation-delay:0s;left:50%}.bubble:nth-child(5){width:35px;height:35px;animation-duration:6s;animation-delay:1s;left:55%}.bubble:nth-child(6){width:45px;height:45px;animation-duration:8s;animation-delay:3s;left:65%}.bubble:nth-child(7){width:90px;height:90px;animation-duration:12s;animation-delay:2s;left:70%}.bubble:nth-child(8){width:25px;height:25px;animation-duration:6s;animation-delay:2s;left:80%}.bubble:nth-child(9){width:15px;height:15px;animation-duration:5s;animation-delay:1s;left:70%}.bubble:nth-child(10){width:90px;height:90px;animation-duration:10s;animation-delay:4s;left:25%}@keyframes rise{0%{opacity:0;bottom:0;transform:translate(0)}10%{opacity:.5}50%{transform:translate(100px)}to{opacity:0;bottom:900px;transform:translate(-200px)}}