:root {
    --primary-background-color: rgb(255,255,255);
    --dark-background-color: rgb(67,66,67);
    --default-font-color: rgb(65, 65, 65);
    --light-logo-color: rgb(36,168,241);
    --medium-logo-color: rgb(21,151,226);
    --logo-color: rgb(15,81,139)
}
#login_container {
    display:block;
    clear:both;
    margin:60px auto;
    width: 360px;
    padding:40px;
    border-radius:5px;
    text-align:center;
    border: 5px solid rgb(210, 235, 248);
}
#login_container form,#login_container frameset {
    text-align: center;
    width:calc(100%);
}
#login_container .inputs {
    width:340px;
    padding:10px;
    margin:0px 0px 20px;
}
#login_container #next_button {
    padding: 8px 20px;
    background-color:white;
    color: var(--dark-background-color);
}
#login_container .heading {
    font-size:3.0em;
    font-weight:100;
    margin-bottom:20px;
}
#login_container .errors {
    margin-bottom:20px;
    text-align:left;
}
#login_container .tip {
    margin-bottom:20px;
    text-align:left;
}
#login_container .signup_error {
    display:block;
    clear:both;
    font-size:0.9em;
    color:red;
}

@media only screen and (max-width: 480px) {
    #login_container {
        margin:60px auto;
        width: calc(100% - 80px);
        padding:20px;
    }
    #login_container .inputs {
        width:calc(100% - 40px);
    }
}