body{background-color:#000;background-image:linear-gradient(to bottom right,#020024,#252c2b);background-repeat:no-repeat;background-attachment:fixed}#bubbles{position:absolute;height:100%;width:100%;z-index:-1}.bubble{position:fixed;border-radius:50%;opacity:0;transform:translateX(-50%) translateY(-50%);z-index:-1;animation-name:wave;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transition:opacity 5s}@keyframes top{0%{transform:translateY(-23%)}to{transform:translateY(0)}}@keyframes bottom{0%{transform:translateY(23%)}to{transform:translateY(0)}}.animate-top{animation-name:top;animation-duration:2s;animation-timing-function:ease-out}.animate-bottom{animation-name:bottom;animation-duration:2s;animation-timing-function:ease-out}