.bubbles{position:relative;width:100%;height:100vh;overflow:hidden}.bubble{position:absolute;left:var(--bubble-left-offset);bottom:-75%;display:block;width:var(--bubble-radius);height:var(--bubble-radius);border-radius:50%;animation:float-up var(--bubble-float-duration) var(--bubble-float-delay) ease-in infinite}.bubble.bubble-cyan:before{background:#88f6fb80}.bubble.bubble-blue:before{background:#1d4ed8cc}.bubble.bubble-rose:before{background:#e11d48cc}.bubble.bubble-emerald:before{background:#059669cc}.bubble.bubble-sky:before{background:#075985cc}.bubble.bubble-pink:before{background:#db277780}.bubble.bubble-red:before{background:#ff000080}.bubble:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:inherit;animation:var(--bubble-sway-type) var(--bubble-sway-duration) var(--bubble-sway-delay) ease-in-out alternate infinite}.bubble:nth-child(0){--bubble-left-offset: 88vw;--bubble-radius: 2vw;--bubble-float-duration: 8s;--bubble-sway-duration: 5s;--bubble-float-delay: 2s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(1){--bubble-left-offset: 38vw;--bubble-radius: 5vw;--bubble-float-duration: 8s;--bubble-sway-duration: 6s;--bubble-float-delay: 4s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(2){--bubble-left-offset: 25vw;--bubble-radius: 10vw;--bubble-float-duration: 10s;--bubble-sway-duration: 6s;--bubble-float-delay: 2s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(3){--bubble-left-offset: 22vw;--bubble-radius: 3vw;--bubble-float-duration: 11s;--bubble-sway-duration: 4s;--bubble-float-delay: 2s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(4){--bubble-left-offset: 57vw;--bubble-radius: 3vw;--bubble-float-duration: 11s;--bubble-sway-duration: 4s;--bubble-float-delay: 2s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(5){--bubble-left-offset: 98vw;--bubble-radius: 8vw;--bubble-float-duration: 11s;--bubble-sway-duration: 5s;--bubble-float-delay: 3s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(6){--bubble-left-offset: 30vw;--bubble-radius: 5vw;--bubble-float-duration: 7s;--bubble-sway-duration: 5s;--bubble-float-delay: 3s;--bubble-sway-delay: 2s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(7){--bubble-left-offset: 52vw;--bubble-radius: 6vw;--bubble-float-duration: 6s;--bubble-sway-duration: 4s;--bubble-float-delay: 3s;--bubble-sway-delay: 3s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(8){--bubble-left-offset: 96vw;--bubble-radius: 2vw;--bubble-float-duration: 7s;--bubble-sway-duration: 4s;--bubble-float-delay: 1s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-right-to-left}.bubble:nth-child(9){--bubble-left-offset: 19vw;--bubble-radius: 3vw;--bubble-float-duration: 7s;--bubble-sway-duration: 6s;--bubble-float-delay: 0s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}.bubble:nth-child(10){--bubble-left-offset: 66vw;--bubble-radius: 1vw;--bubble-float-duration: 10s;--bubble-sway-duration: 6s;--bubble-float-delay: 2s;--bubble-sway-delay: 0s;--bubble-sway-type: sway-left-to-right}@keyframes float-up{to{transform:translateY(-175vh)}}@keyframes sway-left-to-right{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes sway-right-to-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.background-animate{background-size:400%;animation:AnimationName 10s ease infinite}@keyframes AnimationName{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}