.wave-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(to bottom,#7ec8ff,#bfe4ff 60%,#e9f6ff);z-index:-1}.wave{position:absolute;bottom:0;width:200%;height:18%;background-repeat:repeat-x;background-size:50% 100%;opacity:.7;animation:waveMove 10s linear infinite}.wave1{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='120' viewBox='0 0 1440 120'><path fill='%23ffffff' fill-opacity='0.9' d='M0 89l48 2c48 2 144 6 240-6s192-44 288-53c96-10 192 4 288 18s192 28 288 28 192-14 240-22l48-8v74H0z'></path></svg>")}.wave2{opacity:.45;animation-duration:14s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='120' viewBox='0 0 1440 120'><path fill='%23ffffff' fill-opacity='0.7' d='M0 91l48-8c48-8 144-24 240-22s192 22 288 26 192-6 288-22 192-36 288-42 192 2 240 8l48 6v83H0z'></path></svg>")}.wave3{opacity:.25;animation-duration:20s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1440' height='120' viewBox='0 0 1440 120'><path fill='%23ffffff' fill-opacity='0.6' d='M0 67l48 11c48 11 144 33 240 39s192-4 288-18 192-32 288-41 192-9 288 2 192 33 240 44l48 11v5H0z'></path></svg>")}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}