div.login-page{display:flex;justify-content:center;align-items:center}div.login-page div.box{display:grid;justify-content:center;align-items:center;justify-items:center;grid-template-rows:1fr fit-content(100%) 1fr;gap:1em}div.login-page div.box .logo-img-box{display:flex;justify-content:center;align-items:center}div.login-page div.box .logo-img-box img{max-width:50%}div.login-page div.box .login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:35em;gap:8px}html,body,#app,.root-container{margin:0}#app>div{height:100%;display:grid;grid-template-rows:fit-content(100%) 1fr}.root-container .root-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30em;gap:8px}.header{background-color:#5ecdde;color:#fff;display:flex;justify-content:center;align-items:center}.header .logo img{height:3em;width:auto;padding:.25em .5em}.header h2{text-align:center;margin:14px 0}