*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
body{background:#000;min-height:100vh;display:flex;align-items:center;color:#fff;font-family:Roboto,Arial,sans-serif}
.content{margin-left:5rem;margin-right:5rem}
h1{font-size:5rem;margin-bottom:0}
h3{margin-top:0;margin-bottom:10px}
h3 a{color:#fff}
button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;color:#fff;text-align:center;user-select:none;background:#566e7e;border:1px solid rgba(0,0,0,0);border-radius:4px;height:calc(1.8rem + 1.25rem + 2px);padding:.625rem calc(1.25rem + 1.5rem);font-size:1.2rem;width:100%}
button:hover{opacity:.6}
input{display:inline-block;font-weight:400;line-height:1.5;color:#668295;background:transparent;border:1px solid #b7c4cd;border-radius:4px;height:calc(1.8rem + 1.25rem + 2px);width:100%;padding:.625rem calc(1.25rem + .5rem);font-size:1.2rem;margin-bottom:5px}
input:focus{outline:none;box-shadow:0 0 0 .125em rgba(183,196,205,.5)}
.success{background:#114d17;border-radius:5px;padding:8px;margin-top:8px}
.alert{background:#770000;border-radius:5px;padding:5px;margin-top:5px;text-align:center}
.hidden{display:none}
.qr-preview{margin-top:8px;max-width:300px;border-radius:6px}
#submitBtn[disabled]{opacity:.5;cursor:not-allowed}
a{color:#bbb;text-decoration:none;font-weight:bold}
a:hover{text-decoration:underline}
@media only screen and (max-width:700px){.content{margin-left:1rem;margin-right:1rem;width:100%}h1{font-size:3rem}}