.ocean{height:200px;width:100%;left:0;background:transparent}.ocean,.wave{position:absolute;bottom:0}.wave{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 88.7" fill="%23008080"><path d="M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z"/></svg>') repeat-x;width:6400px;height:100%;animation:wave 10s cubic-bezier(.36,.45,.63,.53) infinite;transform:translateZ(0);opacity:.3}.wave:nth-of-type(2){bottom:5px;animation:wave 12s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:.4}.wave:nth-of-type(3){bottom:10px;animation:wave 15s cubic-bezier(.36,.45,.63,.53) -.25s infinite,swell 5s ease -1s infinite;opacity:.2}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-15px,0)}50%{transform:translate3d(0,5px,0)}}