:root {
  --theme-bg: #ffffff;
  --theme-input: #f2f2f2;
  --theme-accent: #a8a8a8;
  --theme-text: #35353c;
}

body.login {
  background-color: var(--theme-bg);
}
body.login h1 a {
  pointer-events: none;
}
body.login #login {
  width: 460px;
  padding: 8% 0 0;
  max-width: 86%;
}
body.login #loginform {
  border: 1px solid var(--theme-text);
}
body.login #nav {
  text-align: center;
}
body.login #nav a {
  color: var(--theme-text);
  text-decoration: underline;
}
body.login #nav a:hover {
  opacity: 0.5;
}
body.login #backtoblog {
  display: none;
}
body.login form {
  border: none;
}
body.login form:invalid .submit .button {
  background-color: var(--theme-accent);
}
body.login form input[type=text], body.login form input[type=password] {
  border: none;
  background-color: var(--theme-input);
  border-radius: 3px;
}
body.login form .submit .button {
  border: none;
  border-radius: 10em;
  background-color: var(--theme-accent);
  padding: 1em 2em;
  width: -webkit-fit-content;
  width: fit-content;
}
body.login form .submit .button:hover {
  opacity: 0.5;
}
@media (max-width: 782px) {
  body.login form .submit {
    text-align: center;
  }
  body.login form .submit .button {
    float: none;
  }
  body.login form .forgetmenot {
    float: none;
    padding-block: 0 25px;
    text-align: center;
  }
}

/*# sourceMappingURL=login.css.map */