.login {
    position: relative;
    color: #FCFFFE;
    background-color: #0f1a20;
}
.login::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(252, 255, 254, 0.65) 0%, rgba(252, 255, 254, 0) 100%);
    opacity: 0.25;
}
#login {
    position: relative;
    z-index: 1;
}
.login h1 a {
    background-image: url(../assets/images/logo.png);
    background-size: contain;
    width: 100%;
}
.login #backtoblog a, .login #nav a{
    color: #FCFFFE;
}
.login #backtoblog a:hover, .login #nav a:hover,
.login #backtoblog a:focus, .login #nav a:focus,
.login #backtoblog a:active, .login #nav a:active {
    color: #ff9c00;
}
.login .message a {
    color: #ff9c00;
}
.login .message a:hover, .login .message a:focus, .login .message a:active {
    color: #ffaa22;
}
.login form {
    background-color: #2E404C;
    border: 1px solid #2E404C;
}
.login .message, .login .notice, .login .success {
    background-color: #2E404C;
    border-color: #2E404C;
}
.login .success {
    border-left-color: #00a32a;
}
.login .notice-error {
    border-left-color: #d63638;
}
.login .notice-info {
    border-left-color: #ff9c00;
}
.login .button.wp-hide-pw {
    outline: none;
    color: #ff9c00;
}
.login .button.wp-hide-pw:focus {
    color: #ffaa22;
    border-color: transparent;
    outline: none;
    box-shadow: none;
}
.login .button-primary {
    background-color: #ff9c00;
    border-color: #ff9c00;
}
.login .button-primary:hover {
    background-color: #ffaa22;
    border-color: #ffaa22;
}
.login .button-primary:focus, .login .button-primary:active {
    background-color: #ffb733;
    border-color: #ffb733;
    box-shadow: none;
}
.login form .input:focus {
    border-color: #ff9c00;
    box-shadow: 0 0 2px #ff9c00;
}