.footer{background:var(--foreground);color:#fff;width:100%;min-height:100px;font-family:var(--font-poppins),sans-serif;flex-direction:column;margin-top:200px;position:relative}.footer .wave{will-change:transform;background:url(../media/wave-1.3593d3c7.png) 0 0/1000px 100px repeat-x;width:200%;height:100px;position:absolute;top:-100px;left:0}.footer .wave#wave1{z-index:10;opacity:1;animation:4s linear infinite animateWave;bottom:0}.footer .wave#wave2{z-index:9;opacity:.5;animation:4s linear infinite animateWave_02;bottom:10px}.footer .wave#wave3{z-index:10;opacity:.2;animation:3s linear infinite animateWave;bottom:15px}.footer .wave#wave4{z-index:9;opacity:.7;animation:3s linear infinite animateWave_02;bottom:20px}@keyframes animateWave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes animateWave_02{0%{transform:translate(-50%)}to{transform:translate(0)}}