#login-body, #register-body {
    background-color: #333333;
    color: #ffffff;
}

#login-header, #register-header {
    text-align: center;
    margin-top: 50px;
}


#login-main, #register-main {
    horiz-align: center;
    width: 25%;
    height: 60%;
    margin: 0 auto;
}

#register-link {
    float: right;
    color: #f4df42;
    margin-top: 0.3em;
}

.available {
    background-color: greenyellow;
}

.unavailable, .empty-required, .not-match {
    background-color: orangered;
}

.not-match::-webkit-input-placeholder, .empty-required::-webkit-input-placeholder, .unavailable::-webkit-input-placeholder {
    color: whitesmoke;
}

input {
    margin-top: 5px;
    margin-bottom: 5px;
}