:root {
    --bg-input: var(--login-bg-input);
    --border-light: var(--login-border-light);
    --color-primary: var(--login-color-primary);
    --color-white: var(--bg-white);
    --color-black: var(--color-black);
}

body {
    font-family: arial;
}
div.labelDiv {
    font-size: 8pt;
    padding: 8px;
    border-bottom: 1px solid var(--border-light);
    width: 150px;
    float: left;
}
div.input {
    margin: 10px 0;
}
input {
    font-size: 8pt;
    padding: 8px;
    width: 200px;
    background-color: var(--bg-input);
    border: none;
    border-bottom: 2px solid var(--border-light);
}
input.submit {
    background-color: var(--color-primary);
    border: none;
    color: var(--color-white);
    text-align: left;
    width: 216px;
    font-weight: bold;
}
#wrong {
    color: var(--color-primary);
    font-size: 10pt;
    font-weight: bold;
    left: 15px;
    margin-left: 80px;
    position: absolute;
    top: 338px;
}
.loginTitle {
    font-size: 40pt;
    color: var(--color-primary);
}
.loginSubtitle {
    font-size: 8pt;
    font-weight: bold;
    color: var(--color-black);
}