body {
    background-color: #171717;

    width: 100svw;
    height: 100svh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


#login-form label {
    color: white;
}

#login-form input {
    padding: .5rem;
}

#login-form button {
    padding: .25rem .5rem;
}

#login-form {
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

#login-form > div {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

@media screen and (max-width: 767px) {
    body {
        padding: 1rem;
    }
}

@media screen and (min-width: 768px) {
    body {
        padding: 10%;
    }
}