@import "variables.css";
@import "forms.css";
@import "template.css";
@import "nav.css";

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, Helvetica, Arial, sans-serif;
    letter-spacing: .04em;
    font-weight: 300;
    height: 100%;
    width: 100%;
}

#app {
    width: 100%;
    height: 100%;
}

.login-view {
    display: grid;
    grid-template-columns: auto 250px auto;
    grid-template-rows: auto 400px auto;
    text-align: center;
    width: 100%;
    height: 100%;
}

.login-view .login-container {
    grid-column-start: 2;
    grid-row-start: 2;
}

img.login-logo {
    margin-bottom: 16px;
}

.login-view .login-container .input-group, .login-view .login-container .input-group input {
    text-align: center;
}