.login h1 a {
    width: 100%;
    background-size: 100%;
    height: 66px;
}
.login .button-primary {
    background: var(--c1);
    border-color: var(--c1);
    transition: all .4s;
}
.login .button-primary:hover {
    background: var(--c2);
    border-color: var(--c2);
}
.login form {
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0px 10px 31px -20px rgb(0 0 0 / 44%) !important;
    background-color: #9d9d9d7a;
}
body.login.js:after {
    background: rgb(0 0 0 / 30%);
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    top: 0;
}
body.login.js{background-size: cover;background-position-y: center;}

#login {
    position: relative;
    z-index: 999;
}
.login #backtoblog a, .login #nav a, .login #backtoblog a:hover, .login #nav a:hover {
    color: #fff;
}
.login label {
    color: #fff;
}