body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-link{color:#61dafb}.boat-wrapper{height:200px;left:0;top:0;width:100px}.boat-wrapper,.moveable-target,.rules-sidebar{position:absolute}.rules-sidebar{background:#fefefe;border:1px solid #f2f0f0;border-radius:5px;display:flex;flex-direction:column;margin:20px;padding:10px;top:50px;width:300px}.app-header{margin-top:-10px;position:relative;width:100%}.wind-box{align-items:center;background:#fefefe;border:1px solid #f2f0f0;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;margin:auto;margin-top:10px!important;position:relative;width:10%}.header-box>*{font-family:inter}.standon-boat{-webkit-filter:drop-shadow(3px 0 0 #51b841);filter:drop-shadow(3px 0 0 #51B841)}.starboard-tag{background:#51b841}.port-tag,.starboard-tag{border-radius:2px;margin:2px}.port-tag{background:#f44336}.leeward-tag,.windward-tag{background:#c5c5c5;border:1px solid #8b8b8b;border-radius:2px;margin:2px}.text-tag{color:#fff;font-size:12px;font-weight:600;margin:0;padding:2px}.rules-sidebar p{size:10px;font-family:inter}.moveable-line{background:#4af;height:0;position:absolute;-webkit-transform-origin:0 .5px;transform-origin:0 .5px;visibility:hidden;width:0}.sail-path{-webkit-transform:translateY(-150px);transform:translateY(-150px);z-index:2}.rules-sidebar>*{font-family:inter}.patterns{background-color:#d8d8ff;height:100vh;position:absolute;width:100%}.pt1{-webkit-mask:radial-gradient(8px at 50% calc(100% + 4.5px),#0000 calc(99% - 1px),#000 calc(101% - 1px) 99%,#0000 101%) calc(50% - 12px) calc(50% - 3px)/24px 7px,radial-gradient(8px at 50% -4.5px,#0000 calc(99% - 1px),#000 calc(101% - 1px) 99%,#0000 101%) 50% calc(50% + 3.5px)/24px 7px;mask:radial-gradient(8px at 50% calc(100% + 4.5px),#0000 calc(99% - 1px),#000 calc(101% - 1px) 99%,#0000 101%) calc(50% - 12px) calc(50% - 3px)/24px 7px,radial-gradient(8px at 50% -4.5px,#0000 calc(99% - 1px),#000 calc(101% - 1px) 99%,#0000 101%) 50% calc(50% + 3.5px)/24px 7px}
/*# sourceMappingURL=main.c6404654.css.map*/