@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.wave{background:hsla(0,0%,100%,.1);position:absolute;width:200%;height:12em;animation:wave 10s linear -3s infinite;transform:translateZ(0);bottom:0;left:-10%}.wave,.wave:nth-of-type(2){border-radius:1000% 1000% 0 0;opacity:.8}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear infinite reverse}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s infinite reverse;opacity:.9;border-radius:1000% 1000% 0 0}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-45%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}@media screen and (max-width:800px){.wave{bottom:-2em;width:400%}.wave:nth-of-type(2){bottom:-3.25em}.wave:nth-of-type(3){bottom:-4.5em}}@media screen and (min-width:801px) and (max-width:1200px){.wave{bottom:-2em;width:300%}.wave:nth-of-type(2){bottom:-3.25em}.wave:nth-of-type(3){bottom:-4.5em}}.wave:first-child{animation:wave 8s linear -4s infinite}.wave:nth-child(2){animation:wave 10s linear -3s infinite}.wave:nth-child(3){animation:wave 12s linear -2s infinite}