*{box-sizing:border-box}html{margin:0;padding:0px;height:100%;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:url("../images/background.svg") no-repeat center bottom fixed;background-size:cover;font-size:10px}html body{margin:0;padding:0px;width:100%}html #site{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0px 20px}html #site div#centered{background:#fff;border-radius:10px;border:2px solid #e4e4e4;justify-content:center;padding:20px;align-items:center;width:100%}html #site #login-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}html #site #login-container img{width:100%;height:auto;margin:20px}html #site #login-container p{margin:0px 0px 20px 0px;text-align:center;width:100%;line-height:3rem;font-size:1.8rem}html #site #login-container p.error{color:#c50606}html #site #login-container p a{color:#007ac3;text-decoration:none;font-weight:700}html #site #login-container p a:hover{color:#595959}html #site #login-container form{font-size:1.8rem;line-height:3rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}html #site #login-container form input[type=text],html #site #login-container form input[type=password]{font-size:1.8rem;line-height:3rem;width:calc(100% - 20px);padding:10px;margin-bottom:20px;border-radius:10px;border:2px solid #e4e4e4;outline:none}html #site #login-container form input[type=text]:focus,html #site #login-container form input[type=password]:focus{border-color:#007ac3}html #site #login-container form input[type=submit]{width:auto;padding:10px 20px;background-color:#007ac3;color:#fff;border-radius:10px;border:none;font-size:1.8rem;line-height:3rem;cursor:pointer}html #site #login-container form input[type=submit]:hover{background-color:#007ac3}html #site #login-container form div{display:flex;flex-direction:row;align-items:center;width:100%}html #site #login-container form div a{margin-left:10px;width:auto;white-space:nowrap;text-decoration:none;color:#007ac3}html #site #login-container form div a:hover{color:#595959}html footer{position:fixed;bottom:20px;left:0px;width:100%;line-height:3rem;padding:10px 10px 10px 10px;background:#fff;text-align:center}html footer span{color:#000;font-size:1.8rem;line-height:3rem}html footer span a{color:#007ac3;text-decoration:none;font-weight:700}html footer span a:hover{color:#595959}@media(min-width: 768px){html body #site div#centered{max-width:500px;width:100%}html body #site div#centered #login-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}html body #site div#centered #login-container img{max-width:500px;width:100%;height:auto;margin:20px}html body #site div#centered #login-container form p{font-size:1.8rem;line-height:2.4rem}html body #site div#centered #login-container form input[type=text],html body #site div#centered #login-container form input[type=password],html body #site div#centered #login-container form div input[type=submit],html body #site div#centered #login-container form div a{font-size:1.8rem;line-height:2.4rem}html footer{line-height:2.4rem}html footer span{font-size:1.8rem;line-height:2.4rem}}