.waves{background:#135d13;height:75vh;top:25vh}.waves,.waves svg{left:0;position:absolute}.waves svg{bottom:0}.waves .wave{animation:wavewave 5s cubic-bezier(.55,.5,.45,.5) infinite;transform-box:fill-box;transform-origin:center;will-change:transform}.waves .wave use{opacity:.8}.waves.back .wave use{fill:#16a34a}.waves.front .wave use{fill:#0f6e2d}.waves.back{z-index:1}.waves.back svg>.wave:first-of-type{animation-delay:-4s;animation-duration:13s}.waves.back svg>.wave:nth-of-type(2){animation-delay:-5s;animation-duration:20s}.waves.front{z-index:3}.waves.front svg>.wave:first-of-type{animation-delay:-2s;animation-duration:7s}.waves.front svg>.wave:nth-of-type(2){animation-delay:-3s;animation-duration:10s}@keyframes wavewave{0%{transform:translate(-90px)}to{transform:translate(85px)}}@keyframes bob{0%{transform:rotate(-10deg) translateY(0)}to{transform:rotate(8deg) translateY(-20vh)}}@media(prefers-color-scheme:dark){body{background:#1a202c}.waves:after{background-image:linear-gradient(to bottom right,#34d399,#34d399);content:"";height:85vh;left:0;position:absolute;top:0;width:100%}.waves .wave use{fill:#34d399}.boat .hull{background:#8b0000;border-top-color:#600000}.boat .sail1,.boat .sail2{border-bottom-color:#f5f5f5}}@keyframes scroll-3fc0d040{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll[data-v-3fc0d040]{animation:scroll-3fc0d040 40s linear infinite;width:-moz-fit-content;width:fit-content}.animate-scroll[data-v-3fc0d040]:hover{animation-play-state:paused}