@keyframes moveGradientsLoud {
    0% {
        background-position: 20% 20%, 80% 80%, 40% 40%, 90% 10%;
    }

    15% {
        background-position: 80% 20%, 10% 90%, 70% 30%, 20% 80%;
    }

    30% {
        background-position: 30% 70%, 90% 10%, 10% 80%, 70% 30%;
    }

    50% {
        background-position: 90% 90%, 30% 30%, 50% 50%, 10% 10%;
    }

    75% {
        background-position: 40% 20%, 80% 70%, 60% 10%, 90% 90%;
    }

    100% {
        background-position: 20% 20%, 80% 80%, 40% 40%, 90% 10%;
    }
}

body.login {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 1), transparent 40%), radial-gradient(circle at 80% 80%, rgba(180, 180, 180, 0.8), transparent 50%), radial-gradient(circle at 40% 40%, rgb(172 166 166 / 90%), transparent 50%), radial-gradient(circle at 90% 10%, rgb(233 221 183), transparent 40%);
    background-size: 200% 200%;
    animation: moveGradientsLoud 22s ease-in-out infinite;
}

body.login .language-switcher {
    display: none !important;
}

#login {
    padding: 0;
}

.login .wp-login-logo a {
    background: url(../img/logo.svg) no-repeat center / contain;
    width: 100%;
    height: 150px;
    pointer-events: none;
}


.login form {
    border-radius: 0;
    border: none;
    background-color: #fff;
    box-shadow: none;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #323437;
    box-shadow: 0 0 2px rgba(50, 52, 55, 0.8);
}

input[type=checkbox]:checked:before {
    color: #323437;
}

.wp-core-ui .button-primary {
    background: #323437;
    border-color: #323437 #323437 #323437;
    -webkit-box-shadow: 0 1px 0 #323437;
    box-shadow: 0 1px 0 #323437;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #323437, 1px 0 1px #323437, 0 1px 1px #323437, -1px 0 1px #323437;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
    background: #323437;
    border-color: #323437;
    color: #fff;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
    box-shadow: 0 1px 0 #323437, 0 0 2px 1px #323437;
}

.login .button.wp-hide-pw .dashicons:before {
    color: #323437;
}

.login #backtoblog a,
.login #nav a,
a.privacy-policy-link {
    color: #888;
}

.login #backtoblog a:hover,
.login #nav a:hover,
a.privacy-policy-link:hover {
    color: #999;
}