canvas{width:100%!important}.loading-screen{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial;width:100vw;height:100vh;background:#f8ffed;z-index:99}.hidden{display:none}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;border-top:3px solid black;border-right:3px solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0}h1,h2,.text-container p{text-shadow:1px 1px 4px #ffffff69}h1,h2{padding:0 0 0 16px;margin:0}h1{padding-top:12px}h2{font-size:21px;font-weight:400;padding-bottom:4px}.text-container{width:100%;position:absolute;color:#202020;text-align:center;font-family:Arial;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.instructions{margin-left:16px}.instructions p{padding:0;margin:0;font-size:13px;color:#0000009c}.desktop-instructions{display:none}.button-container{position:absolute;bottom:24px;right:8px;display:flex;flex-direction:column;align-items:flex-start;width:auto}.button-container div{display:flex;align-items:center;justify-content:start;font-family:Arial,Helvetica,sans-serif;color:#fff;letter-spacing:.25px;background:#0000009c;width:120px;height:40px;border-radius:4px;margin-top:8px}.button-container div input{margin:0 8px}label{-webkit-user-select:none;user-select:none}.compass{position:absolute;right:16px;top:13px;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:center;color:#000;border-radius:50%;width:50px;height:50px;text-align:center;border:2px solid black}.compass p{margin:0;padding:0;font-size:14px}.compass .triangle{margin-top:-2px;margin-bottom:-3px;font-size:12px}.compass div{display:flex;justify-content:space-between;width:100%}.links-container{display:flex;justify-content:space-between;position:absolute;bottom:24px;left:16px;width:92px;z-index:100}.circle{height:40px;width:40px;background:#00000075;border-radius:5px}.circle.photo{background-image:url(https://www.daveyknific.com/boxman/apple-touch-icon.png);background-size:cover}@media (min-width: 720px){h1{font-size:60px}h2{font-size:39px}.mobile-instructions p{font-size:20px}.compass{top:20px}}@media (min-width: 1020px){h1{line-height:57px}h2{padding-left:18px;padding-bottom:1px}.mobile-instructions{display:none}.desktop-instructions{display:flex;flex-direction:column;margin-left:19px}.desktop-instructions p{font-size:19px}.button-container{bottom:40px}.button-container>div{cursor:pointer;transition:background .05s linear}.button-container>div:hover{background:#4f80b0bf}.button-container>div input{cursor:pointer}label{cursor:pointer}.button-container button:hover{background:#ededed}.circle,.github-logo{cursor:pointer;transition:opacity .05s linear}.circle:hover,.github-logo:hover{opacity:.5}}