Scan QR | RoboRegistry

#modal-toggle~.modal-container, #modal-toggle~.modal-box { visibility: hidden; } #modal-toggle:checked~.modal-container, #modal-toggle:checked~.modal-box { visibility: visible; } #modal-toggle:checked~.modal-box .modal-message { transform: translateY(0); } .modal-box { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; background-color: rgba(0, 0, 0, .5); } .modal-message { position: relative; border-radius: 5px; background-color: white; z-index: 5; color: black; padding: 40px; max-width: 100%; font-size: 1.5rem; transform: translateY(-500px); transition: transform .3s ease-in-out; } #modal .modal-message .close-modal { color: black; top: 0; right: 20px; position: absolute; cursor: pointer; } .container input[type="checkbox"] { visibility: hidden; }

Scan QR Code