body{background-color:#2d2f2d;min-height:100dvh;max-height:100dvh;margin:0}h1{margin:1dvh}.compass{margin:0}.container{flex-direction:column;align-items:center;height:100dvh;max-height:100dvh;margin:0;display:flex}.text{text-align:center;color:#dfdbe6;width:66dvw;margin-bottom:1dvh}input{text-align:center;box-sizing:border-box;width:100%;margin:0;font-size:16px}#form{position:relative}.dropdown{z-index:10;background:#3d3f3d;border-radius:.5vh;width:100%;position:absolute}.dropdown div{color:#dfdbe6;cursor:pointer;text-align:left;padding:8px;font-size:14px}.dropdown div:hover{background:#4d4f4d}.boxbox{flex-grow:1;justify-content:center;align-items:center;width:100vmin;min-height:0;margin:0;display:flex}.arrowbox{aspect-ratio:1;justify-content:center;align-items:center;max-width:95%;height:95%;display:flex}.arrow{transform-origin:50%;opacity:1;fill:#dfdbe6;width:75%;height:75%}.circle{fill:#dfdbe6;width:50%;height:50%}.hidden{display:none}.button{color:#2e2d2f;cursor:pointer;background-color:#cac6d0;border:none;border-radius:1vh;width:30dvw;min-width:100px;height:7dvh;margin:1dvh}