body {
    font-family: 'Amatic SC', cursive;
}

input {
    font-family: 'Lato';
    width: 400px;
    outline: 0;
    border-width: 0 0 1px 0;;
    text-align: center;
}

input:focus {
    border-color: #972373;
    border-width: 0 0 2px;
}

input[type=text] {
    font-size: 25px;
}

input[type=password] {
    font-size: 25px;
}

.login-form {
    height: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.login-form-controls {
    margin: 0; 
}

.login-form-control {
    margin-bottom: 40px;
}

.login-form-header {

}

.login-form-header img {
    width: 100%;
    max-width: 720px;
}

.login-form-header-logo {
    text-align: center;
}

.login-form-header-logo img {
    width: 100%;
    max-width: 400px;
}

.login-form-grid-username-password {
    
  }


.login-form-username-label {
  
}

.login-form-username-input {
    text-align: center;
}

.login-form-password-label {
  
}

.login-form-password-input {
    margin-top: 20px;
    text-align: center;
}


.login-form-buttons {
    /*
    grid-column-start: 2;
    grid-column-end: 2;
    */
    margin-top: 40px;
    display: flex;
    justify-content: center;
    
}

.login-form-errormessage {
    text-align: center;
    
}