body,html{height:100%;margin:0;font-family:Arial,sans-serif;background:#f7f7f7}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5%}.form{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:90%;max-width:400px;margin-bottom:20px}.form input[type=text],.form input[type=number]{width:calc(100% - 20px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}button{width:calc(100% - 20px);padding:10px;border-radius:5px;border:none;color:#fff;background-color:#646cff;cursor:pointer;transition:background-color .25s;font-size:1em}button:hover{background-color:#535bf2}#qrcode{margin-top:20px;padding:2px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:none;justify-content:center;align-items:center}@media (max-width: 600px){.form,button{width:calc(100% - 40px)}}