#loginForm {
    position: relative;
    border: 2px solid #222;
    border-radius: 15px;
    padding: 15px;
    width: 50vw;
    margin: auto;
    color: white;
    background-color: #212529;
}

#loginHeader {
    color: #e738df;
}

div.form-group input.form-control.login {
    background-color: #6c757d;
    color: white;
    border-radius: 10px;
}

#login_div {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url("/static/custom/images/dark_clouds.jpg");
    background-size: cover;
    background-position: center bottom;
    z-index: -1;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #212529;
    color: white;
}

.form-control.register {
    min-width: 70vw;
}

.form-group {
    width: 50%;
}

button {
    background-color: #e738df;
}

    @media screen and (max-width: 400px) {
        #loginForm {
            width: 75vw;
        }
    }