.animated-background{height:100vh;display:flex;justify-content:center;align-items:center;background-size:400% 400%;animation:gradientShift 20s ease infinite;overflow:auto;color:#f0f0f0;font-family:Arial,sans-serif;position:relative}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0 50%}}.dot{position:absolute;width:100px;height:100px;border-radius:50%;filter:blur(50px);animation:moveDots 10s ease infinite;opacity:.8}.dot:first-child{top:10%;left:20%;animation-duration:25s}.dot:nth-child(2){top:40%;left:70%;animation-duration:10s}.dot:nth-child(3){top:75%;left:35%;animation-duration:15s}.dot:nth-child(4){top:80%;left:50%;animation-duration:18s}@keyframes moveDots{0%{transform:translate(0)}50%{transform:translate(150px,150px)}to{transform:translate(0)}}.wave1,.wave2,.wave3,.wave4{overflow:hidden;position:absolute;transform:translateY(-50%);opacity:.1}.wave1{top:50%;left:40%;width:200%;animation:waveAnimateA 7s ease-in-out infinite alternate}.wave2{top:70%;right:-50%;width:300%;animation:waveAnimateB 7s ease-in-out infinite alternate;opacity:.2}.wave3{right:-20%;animation:waveAnimateB 5s ease-in-out infinite alternate}.wave3,.wave4{top:40%;width:1200%}.wave4{left:-20%;animation:waveAnimateB 7s ease-in-out infinite alternate}.flipwave2{transform:scaleX(-1) scaleY(-1);filter:FlipH}@keyframes waveAnimateA{0%{transform:translate(-10%,-70%)}to{transform:translate(-12%,-60%)}}@keyframes waveAnimateB{0%{transform:translateY(-40%)}to{transform:translate(5%,-50%)}}