body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;animation:rotate-bg-color 20s infinite;display:block}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;display:block;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.2) 0px,transparent 40px),radial-gradient(circle at 70% 40%,rgba(255,255,255,0.15) 0px,transparent 60px),radial-gradient(circle at 40% 70%,rgba(255,255,255,0.1) 0px,transparent 50px),radial-gradient(circle at 60% 80%,rgba(255,255,255,0.2) 0px,transparent 30px),radial-gradient(circle at 30% 90%,rgba(255,255,255,0.15) 0px,transparent 40px);animation:float-bubbles 30s linear infinite}@keyframes rotate-bg-color{0%{background-color:#a2d5f2}10%{background-color:#b8e0d2}20%{background-color:#f7d9c4}30%{background-color:#f2b5d4}40%{background-color:#d5c6e0}50%{background-color:#c2f0fc}60%{background-color:#f9f7d9}70%{background-color:#d0f4de}80%{background-color:#ffe5ec}90%{background-color:#e0f7fa}100%{background-color:#a2d5f2}}@keyframes float-bubbles{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}