@import "template.css";
body, html {
height: 100%;
}
main {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
background-image: linear-gradient(to top left, var(--primary), var(--hover));
}
div.login {
background-color: #FFFFFF;
padding: 2em 5em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
box-shadow: 0 6px 0 var(--mutedBlack);
}
form.loginForm {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 1em;
}
div.formControl {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 0.5em;
}