body.login {
  background: #f0f4f8;
  padding-right: 10px;
  padding-left: 10px;
}
body.login .message {
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
body.login div#login {
  max-width: 500px;
  width: 100%;
}
body.login div#login h1 {
}
body.login div#login h1 a {
  /* logo here */
  background-image: none, url(logo.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 180px;
  height: 62px;
}
body.login div#login form#loginform {
  border-radius: 10px;
  border-color: #e3eaf1;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  padding: 50px;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

@media (max-width: 400px) {
  body.login div#login form#loginform {
    padding: 30px;
  }
}
body.login div#login form#loginform p {
}
body.login div#login form#loginform label {
  font-size: 12px;
}
body.login div#login form#loginform p label {
}
body.login div#login form#loginform input {
  border-color: #d3dde7;
  font-weight: 400;
  line-height: 1.5;
  font-size: 16px;
}
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 {
  margin-bottom: 10px;
}
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 {
  float: none;
  width: 100%;
  background-color: #2681c2;
  border: none;
  border-radius: 6px;
  color: #e1f4fc;
  font-weight: 600;
  padding: 10px 20px;
  transition: background-color 0.3s ease;
  font-size: 14px;
  line-height: 1.5;
}
body.login div#login form#loginform p.submit input#wp-submit:hover {
  background-color: #2b94d6;
}
body.login div#login p#nav {
}
body.login div#login p#nav a {
}
body.login div#login p#backtoblog {
}
body.login div#login p#backtoblog a {
}