@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(1)translate(0)}10%{opacity:.8}50%{transform:translateY(-50vh)scale(1.1)translate(10px)}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh)scale(1.2)translate(-5px)}}.bubble{background:#ffffff40;border-radius:9999px;position:absolute;bottom:0;box-shadow:inset -2px -2px 4px #ffffff80}.bubble-1{width:12px;height:12px;animation:8s ease-in-out infinite bubble-rise;left:5%}.bubble-2{width:16px;height:16px;animation:10s ease-in-out 1.5s infinite bubble-rise;left:15%}.bubble-3{width:8px;height:8px;animation:12s ease-in-out .8s infinite bubble-rise;left:30%}.bubble-4{width:20px;height:20px;animation:9s ease-in-out 2.5s infinite bubble-rise;left:45%}.bubble-5{width:14px;height:14px;animation:11s ease-in-out 4s infinite bubble-rise;left:60%}.bubble-6{background:#fff3;width:24px;height:24px;animation:13s ease-in-out .5s infinite bubble-rise;left:75%;box-shadow:inset -3px -3px 6px #fff6}.bubble-7{width:10px;height:10px;animation:9.5s ease-in-out 3s infinite bubble-rise;left:85%}.bubble-8{width:18px;height:18px;animation:10.5s ease-in-out 1s infinite bubble-rise;left:95%}.bubble-9{width:6px;height:6px;animation:7s ease-in-out 2s infinite bubble-rise;left:20%}.bubble-10{background:#ffffff2e;width:22px;height:22px;animation:14s ease-in-out 3.5s infinite bubble-rise;left:50%;box-shadow:inset -3px -3px 6px #fff6}.bubble-11{width:10px;height:10px;animation:8.5s ease-in-out .2s infinite bubble-rise;left:70%}.bubble-12{width:16px;height:16px;animation:11.5s ease-in-out 5s infinite bubble-rise;left:40%}