body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto;background:linear-gradient(315deg,#0f0f0f 3%,#1a1a1a 38%,#2a2a2a 68%,#111111 98%);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:rgba(255,255,255,.05);border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:12em;animation:wave 10s linear -3s infinite;transform:translateZ(0);opacity:.2;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear infinite reverse;opacity:.15}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s infinite reverse;opacity:.1}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}