*{
    box-sizing: border-box;
    margin: 0px;
    font-family: "Raleway";
}



.loginForm{
    width: 400px;
    height: auto;
    position: absolute;
    left: calc(50% - 200px);
    top: calc(50% - 150px);

    display: block;

    background: var(--primary1);

    color: white;
}

.loginForm > .loginFormHeader{
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: white;
    text-align: center;
}

.loginForm > .loginFormSubHeader{
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: white;
    text-align: center;
}

.loginForm > .loginFormInput{
    width: 100%;
    height: 45px;
    line-height: 45px;
    /* color: white; */
    text-align: center;
}

.loginForm > .loginFormSubmit{
    height: 45px;
    width: 100%;

    border: 0px;
    background: var(--primary2);
    color: white;
}

.loginForm > .loginFormSubmit:hover{
    background: var(--primary6);
}

.loginForm > .loginFormError{
    width: 100%;
    height: auto;
    line-height: 25px;
    color: red;
    text-align: center;
    font-size: 12px;
}