:root[color-theme='light'] {
    --background: #fafafa;
    --item: #dadada;
    --text: #1c1c1c;
}

:root[color-theme='dark'] {
    --background: #1c1c1c;
    --item: #555555;
    --text: #fafafa;
}


html, body {
    max-width: 1000px;
    margin: auto;
    height: 100%;
    background-color: var(--background);
}

label {
    color: var(--text) !important;
}

input, button {
    width: 100% !important;
}

.login_username, .login_password, .login_submit {
    max-width: 500px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    margin: auto;
    margin-top: 50px;
}

.login_password, .login_submit {
    max-width: 500px;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    margin: auto;
    margin-top: 15px;
}

.footer {
    margin-top: 200px;
    left: 0;
    right: 0;
    width: 100%;
    position: relative;
    text-align: center;
    bottom: 0.5em;
    font-size: 18px;
    font-family: 'Samsung Sans Bold';
    color: #6E6E6E;
}

.privacy{
    color: #505050;
    font-family: 'Samsung Sans Bold';
}
.privacy:hover{
    color: #3d3d3d;
}