.login {
    background: #e8e8e8;
    height: auto
}

.login h1 {
    text-align: center;
    padding: 1rem
}

.login h1 a {
    margin-bottom: 0
}

.login #login {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    border-radius: 3px;
    padding: 0;
    margin-top: 8%;
    background: #fff
}

.login #nav {
    margin: 0
}

.login #backtoblog {
    padding-bottom: 24px
}

.login #login_error {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 24px 10px 20px
}

.login .message {
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 24px 10px 20px
}

.login form {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 0;
    padding: 10px 24px
}

.login form input[type='text'] {
    font-size: 18px
}

.login form input[type='text']focus {
    border-color: #21bbd1
}

.login label {
    font-weight: 400
}

.login .button-primary {
    color: #fff;
    background-color: #21bbd1;
    border-color: #21bbd1;
}

.login .button-primary:focus,.login .button-primary:hover {
    color: #fff;
    background-color: #244C5A;
    border-color: #356197;
}

.login .site-name {
    text-align: center
}