@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(1)translate(0)}10%{opacity:.6}50%{transform:translateY(-50vh)scale(1.05)translate(8px)}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(1.1)translate(-5px)}}.bubble{background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;position:absolute;bottom:0;box-shadow:inset -2px -2px 4px #ffffff26}.bubble-1{width:12px;height:12px;animation:14s ease-in-out infinite bubble-rise;left:5%}.bubble-2{width:8px;height:8px;animation:18s ease-in-out 3s infinite bubble-rise;left:18%}.bubble-3{width:16px;height:16px;animation:12s ease-in-out 1.5s infinite bubble-rise;left:32%}.bubble-4{width:10px;height:10px;animation:20s ease-in-out 5s infinite bubble-rise;left:50%}.bubble-5{width:18px;height:18px;animation:15s ease-in-out 2s infinite bubble-rise;left:65%}.bubble-6{width:8px;height:8px;animation:16s ease-in-out 7s infinite bubble-rise;left:75%}.bubble-7{width:14px;height:14px;animation:13s ease-in-out 4s infinite bubble-rise;left:85%}.bubble-8{width:10px;height:10px;animation:17s ease-in-out 1s infinite bubble-rise;left:94%}