html { width: 100%; height: 100%; background: #000; margin: 0px; padding: 0px; overflow: hidden; touch-action: none; } body { width: 100%; height: 100%; background: #000; margin: 0px; padding: 0px; overflow: hidden; } .button { text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; width: 100%; border: 0 #000; font-size: 1.0rem; padding: 0.7rem 0; margin: 0.5rem auto; cursor: pointer; color: #333; background: #72f0a8; display: flex; justify-content: center; } .button_window { position: absolute; height: 100px; max-width: 300px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 30px; overflow: hidden; } .page { overflow: scroll; overflow-y: auto; width: 100%; height: 100%; margin: 0 0 32px; left: 0; margin: 0; padding: 0; position: relative; z-index: 0; color: #000; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } #start { top: 0; left: 0; width: 100%; position: fixed; color: #000; background: #fff; z-index: 100; } #game { width: 100%; height: 100%; background: #000; top: 0px; left: 0px; margin: 0px; padding: 0px; position: fixed; z-index: 1; } #admap { top: 0; left: 0; width: 100%; position: fixed; color: #000; background: #0000; z-index: 100; } .admap_text { top: 0; left: 0; position: fixed; color: #fff; background: #0007; white-space: nowrap; } #_dialog { width: 80%; max-width: 50rem; font-size: large; border: none; border-radius: 0.5rem; box-shadow: 0 5px 15px rgba(0 0 0 / 10%); padding: 1rem; } ._dialogbutton { width: 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0 #000; font-size: 1.0rem; padding: 0.7rem; margin: 0.5rem; cursor: pointer; color: #333; background: #72f0a8; display: flex; justify-content: center; } ._dialogbutton:focus { outline: none; } .mfont { font-size: 0.9rem; margin: 0 auto; } .center { display: flex; justify-content: center; } #wait { justify-content: center; } .wait { text-align: center; margin-left: auto; margin-right: auto; visibility: visible; border: 8px solid #ddd; border-radius: 50%; border-top: 8px solid #fff; width: 2rem; height: 2rem; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }