@charset "UTF-8";.ocean{position:absolute;width:100vw;height:100vh}.bubble{width:30px;height:30px;border-radius:100%;position:absolute;background-color:white;bottom:-30px;opacity:0.2;animation:bubble 15s ease-in-out infinite,sideWays 4s ease-in-out infinite alternate}.bubble--1{left:10%;animation-delay:0.5s;animation-duration:16s;opacity:0.2}.bubble--2{width:15px;height:15px;left:40%;animation-delay:1s;animation-duration:10s;opacity:0.1}.bubble--3{width:10px;height:10px;left:30%;animation-delay:5s;animation-duration:20s;opacity:0.3}.bubble--4{width:25px;height:25px;left:40%;animation-delay:8s;animation-duration:17s;opacity:0.2}.bubble--5{width:30px;height:30px;left:60%;animation-delay:10s;animation-duration:15s;opacity:0.1}.bubble--6{width:10px;height:10px;left:80%;animation-delay:3s;animation-duration:30s;opacity:0.4}.bubble--7{width:15px;height:15px;left:90%;animation-delay:-7s;animation-duration:25s;opacity:0.3}.bubble--9{width:20px;height:20px;left:50%;bottom:30px;animation-delay:-5s;animation-duration:19s;opacity:0.2}.bubble--10{width:40px;height:40px;left:30%;bottom:30px;animation-delay:-21s;animation-duration:16s;opacity:0.3}.bubble--11{width:30px;height:30px;left:60%;bottom:30px;animation-delay:-13.75s;animation-duration:20s;opacity:0.3}.bubble--12{width:25px;height:25px;left:90%;bottom:30px;animation-delay:-10.5s;animation-duration:19s;opacity:0.3}.bubble--13{width:25px;height:25px;left:80%;bottom:30px;animation-delay:-5.5s;animation-duration:17s;opacity:0.3}.bubble--14{width:45px;height:45px;left:70%;bottom:30px;animation-delay:-5.5s;animation-duration:17s;opacity:0.7}.bubble--15{width:45px;height:45px;left:33%;bottom:30px;animation-delay:-5.5s;animation-duration:17s;opacity:0.5}