body,html,layout,layout>#root{width:100%;height:100%}@media (max-height:600px){body,html,layout,layout>#root{height:auto;overflow:auto}}layout>#root{display:flex;align-items:center;justify-content:center}.login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.login .logo{margin-top:20px;margin-bottom:40px;max-height:30vh;max-width:600px;width:100%}@media (max-height:600px){.login .logo{position:static;margin-top:10px;margin-bottom:10px}}.login .title{margin-bottom:.5em;text-align:center}.login form{padding:1em 2em;border-radius:5px;max-width:400px;width:100%}@media (min-width:500px){.login form{width:400px}}.login form button[type=submit]{width:100%;margin-top:.5em}.login .app{margin-top:20px;flex:1;display:flex;flex-direction:column;max-width:90%}.login .app h2{text-align:center;font-weight:700}.login .app .qrcode{flex:1;width:100%}.login .app .qrcode img{width:250px;height:250px;object-fit:contain}