html {
    --yellow: #FFA500;
    --blue: #0E2358;
    --font-size: 18px;

    min-height: 100vh;
    height: auto;
}

body {
    height: 100%;
    font-size: 18px;
}

a {
    color: var(--yellow);
}

a:hover {
    color: var(--yellow);
}

body.login {
    background: linear-gradient(to bottom, rgba(14, 35, 88, 0.61), rgba(14, 35, 88, 0.61)), url('https://spaceschool.pe/wp-content/uploads/2024/04/4055ced709213ec8330a756992f52b49.webp') no-repeat center/cover;
    color: #fff;
}

body.login div#login {
    width: 420px;
    max-width: 100%;
}

body.login div#login h1 {}
body.login div#login h1 a {}

body.login div#login div#login_error {
    color: #222;
}

body.login div#login form#loginform {
    background: none;
    border: none;
}

body.login div#login form#loginform p {}

body.login div#login form#loginform p label {
    font-size: var(--font-size);
}

body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}

body.login div#login form#loginform p.submit input#wp-submit {
    min-width: 120px;
    min-height: 40px;
    border: none;
    background: var(--blue);
    font-size: var(--font-size);
    transition: .3s;
}

body.login div#login form#loginform p.submit input#wp-submit:hover {
    background: var(--yellow);
}

body.login div#login p#nav {
    font-size: var(--font-size);
}

body.login div#login p#nav a {
    color: #FFA500;
}

body.login div#login p#backtoblog {
    font-size: var(--font-size);
}

body.login div#login p#backtoblog a {
    color: #FFA500;
}




@media (max-width: 767px) {
    html {
        --font-size: 16px;
    }

    body.login div#login {
        padding: 15% 0 0;
    }
}