body {
    background: var(--color-background, #414343);
    font-family: "Ubuntu", sans-serif;
    font-size: 1rem;
}

body #login {
    width: 450px;
}

body #loginform {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

body #login h1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

body #login h1 a {
    background: var(--logo-url) no-repeat scroll center center transparent;
    height: var(--logo-height);
    width: var(--logo-width);
    margin-bottom: 0;
}

body #login > *:not(.message) a {
    color: var(--color-link, #fff);
}

body #login a.reminder-link {
    color: var(--color-background, #414343);
}

body #login > *:not(.message) a a {
    color: var(--color-link, #fff);
}

body #login > *:not(.message) a a:visited {
    color: var(--color-link, #fff);
}

body #login > *:not(.message) a a:hover,
body #login > *:not(.message) a a:focus,
body #login > *:not(.message) a a:active {
    color: lightblue;
}

body #login > *:not(.message) a a:focus {
    outline: 1px dashed var(--color-link, #fff);
}

body #login > *:not(.message) a a:hover,
body #login > *:not(.message) a a:active {
    outline: 0;
}

body #login .message {
    border-left-color: var(--color-secondary, #9a2e87);
}

body #login #nav,
body #login #backtoblog {
    text-align: center;
}

body.login div#login form#loginform p.submit input#wp-submit {
    background-color: var(--color-secondary, #9a2e87);
    border-color: var(--color-secondary, #9a2e87);
}

/**
 * Style text within white form#loginform box (added by Single Sign-on with Azure Active Directory plugin).
 */
body.login #login form p.aadsso-login-form-text {
    background-color: #414343;
    padding: 0.5rem;
    margin: 0.5rem 0 1rem;
    border-radius: 3px;
}
body #login p.aadsso-login-form-text a.dim,
body #login p.aadsso-login-form-text a.dim:visited,
body #login p.aadsso-login-form-text a.dim:active,
body #login p.aadsso-login-form-text a.dim:link {
    color: #aaa;
}