body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto;background:#142450;background:linear-gradient(60deg,#142450 27%,#25165b 47%,#421e55 68%);animation:gradient 15s ease infinite;background-size:400% 400%;background-attachment:fixed}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{background:hsla(0,0%,100%,.25);border-radius:200% 400% 0 0;position:fixed;width:500%;height:12em;animation:wave 10s linear -3s infinite;transform:translateZ(0);opacity:.8;bottom:0;left:-200;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear infinite reverse;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s infinite reverse;opacity:.9}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}@keyframes wave2{2%{transform:translateX(1)}25%{transform:translateX(-15%)}50%{transform:translateX(-70%)}75%{transform:translateX(-45%)}to{transform:translateX(1)}}