:root {
--ac-font-body: "Urbanist", Arial, Helvetica, sans-serif;
--ac-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
--ac-white: #ffffff;
--ac-canvas: #fefefe;
--ac-ink-rgb: 22, 24, 29;
--ac-ink: #16181d;
--ac-charcoal: #2f3137;
--ac-focus: #59616b;
}

body.login {
background-color: var(--ac-canvas);
font-family: var(--ac-font-body);
}

#login h1 a {
background: none;
width: auto;
height: auto;
text-indent: 0;
font: 400 32px/1.1 var(--ac-font-heading);
color: var(--ac-ink);
margin: 0 auto 24px;
}

.login form{
box-shadow:none;
padding:20px;
}
#login {
background: var(--ac-white);
margin: 50px auto;
padding: 40px 20px;
width: min(400px, calc(100% - 32px));
 box-shadow:
  0 2.8px 2.2px rgba(var(--ac-ink-rgb), 0.034),
  0 6.7px 5.3px rgba(var(--ac-ink-rgb), 0.048),
  0 12.5px 10px rgba(var(--ac-ink-rgb), 0.06),
  0 22.3px 17.9px rgba(var(--ac-ink-rgb), 0.072),
  0 41.8px 33.4px rgba(var(--ac-ink-rgb), 0.086),
  0 100px 80px rgba(var(--ac-ink-rgb), 0.12)
}
.login label {
color: var(--ac-ink);
font-size: 14px;
}
.login form .forgetmenot{
float:none;
}

#login form p.submit{
margin-top:15px;
}
.login.wp-core-ui .button-primary {
background: var(--ac-charcoal);
border-color: var(--ac-charcoal);
box-shadow: none;
color: var(--ac-white);
text-shadow: none;
float: none;
clear: both;
display: block;
width: 100%;
padding: 7px;
height: auto;
font-size: 15px;
}

.login.wp-core-ui .button-primary:hover,
.login.wp-core-ui .button-primary:focus {
background: var(--ac-ink);
border-color: var(--ac-ink);
color: var(--ac-white);
}

.login a:focus,
.login input:focus,
.login button:focus {
box-shadow: 0 0 0 2px var(--ac-white), 0 0 0 4px var(--ac-focus);
outline: 2px solid transparent;
}

.login #login_error, .login .message, .login .success{
      border-left: 4px solid var(--ac-ink);
}

p#backtoblog
{
display: none;
}