.wave-container{animation:gradient 30s ease infinite;background:linear-gradient(316deg,var(--wave-container-backround-1) 1%,var(--wave-container-backround-2) 15%,var(--wave-container-backround-3) 38%,var(--wave-container-backround-4) 68%,var(--wave-container-backround-5) 98%) fixed;background-size:400% 400%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;left:0;margin:auto;overflow:auto;position:fixed;top:0;width:100vw;z-index:-1}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{animation:wave 10s linear -3s infinite;background:var(--wave-background);border-radius:1000% 1000% 0 0;bottom:0;height:12em;left:0;position:fixed;transform:translateZ(0);width:200%;z-index:-1}.wave:nth-of-type(2){animation:wave 18s linear infinite reverse;bottom:-1.25em;opacity:.8}.wave:nth-of-type(3){animation:wave 20s -1s infinite reverse;bottom:-2.5em;opacity:.9}@keyframes wave{2%{transform:translateX(-2%)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(-2%)}}