.pixel-sea{--outline:#51284f;--sea:#2676a5;height:150px;image-rendering:pixelated;margin:1rem auto 0;overflow:hidden;position:relative;width:240px}.pixel-ship{animation:ship-bob 1.4s steps(2) infinite;bottom:36px;height:100px;left:50%;margin-left:-62px;position:absolute;width:124px;z-index:2}.pixel-mast{background:var(--outline);height:67px;left:58px;width:6px}.pixel-flag,.pixel-mast{position:absolute;top:7px}.pixel-flag{background:#ffdb58;border:4px solid var(--outline);border-left:0;-webkit-clip-path:polygon(0 0,100% 0,78% 50%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,78% 50%,100% 100%,0 100%);height:32px;left:64px;width:44px;z-index:2}.pixel-jolly-roger{height:25px;left:5px;overflow:visible;position:absolute;top:2px;width:31px;z-index:2}.pixel-bones{stroke:var(--outline);stroke-width:3;stroke-linecap:square}.pixel-bones,.pixel-skull-shape{fill:var(--outline)}.pixel-skull-cutout{fill:#ffdb58}.pixel-sail{background:#fffacd;border:5px solid var(--outline);-webkit-clip-path:polygon(100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 100%,0 100%);height:48px;left:18px;position:absolute;top:23px;width:36px}.pixel-deck{background:var(--outline);bottom:27px;height:7px;left:14px;position:absolute;width:96px}.pixel-hull{background:#c76b4f;border:5px solid var(--outline);bottom:5px;-webkit-clip-path:polygon(0 0,100% 0,83% 100%,20% 100%);clip-path:polygon(0 0,100% 0,83% 100%,20% 100%);height:28px;left:22px;position:absolute;width:86px}.pixel-port{background:#ffdb58;box-shadow:0 0 0 3px var(--outline);height:7px;position:absolute;top:6px;width:7px}.pixel-port-one{left:28px}.pixel-port-two{left:55px}.pixel-wave-window{bottom:17px;height:24px;left:0;overflow:hidden;position:absolute;width:240px;z-index:3}.pixel-wave-track{animation:waves-scroll 1.4s steps(8) infinite;display:flex;width:-webkit-max-content;width:max-content}.pixel-wave{background:var(--sea);-webkit-clip-path:polygon(0 50%,4px 50%,4px 25%,8px 25%,8px 0,16px 0,16px 25%,20px 25%,20px 50%,24px 50%,24px 75%,28px 75%,28px 100%,32px 100%,32px 75%,28px 75%,28px 50%,24px 50%,24px 25%,20px 25%,20px 0,12px 0,12px 25%,8px 25%,8px 50%,4px 50%,4px 75%,0 75%);clip-path:polygon(0 50%,4px 50%,4px 25%,8px 25%,8px 0,16px 0,16px 25%,20px 25%,20px 50%,24px 50%,24px 75%,28px 75%,28px 100%,32px 100%,32px 75%,28px 75%,28px 50%,24px 50%,24px 25%,20px 25%,20px 0,12px 0,12px 25%,8px 25%,8px 50%,4px 50%,4px 75%,0 75%);display:block;flex:0 0 32px;height:16px;width:32px}@keyframes ship-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(6px) rotate(1deg)}}@keyframes waves-scroll{0%{transform:translateX(0)}to{transform:translateX(-32px)}}@media (prefers-reduced-motion:reduce){.pixel-ship,.pixel-wave-track{animation:none}}
/*# sourceMappingURL=main.48f227ce.css.map*/