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{font-family:sans-serif;text-align:center}.compass{border-radius:50%;box-shadow:0 0 15px #0003;height:320px;margin:auto;position:relative;width:320px}.compass>.arrow{border-color:red #0000 #0000;border-style:solid;border-width:30px 20px 0;height:0;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:0;z-index:1}.compass>.compass-circle,.compass>.my-point{background:url(https://purepng.com/public/uploads/large/purepng.com-compasscompassinstrumentnavigationcardinal-directionspointsdiagram-1701527842316onq7x.png) 50% no-repeat;background-size:contain;height:90%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .1s ease-out;width:90%}.compass>.my-point{background:#08df45;border-radius:50%;height:20%;opacity:0;transition:opacity .5s ease-out;width:20%}
/*# sourceMappingURL=main.ee322744.css.map*/