body.login {
  background: #000;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

#login {
  padding: 0;

  width: 100%;

  max-width: 400px;
}

.login form {
  background: #ffffff;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: none;

  margin: 0;

  padding: 2rem;

  border-radius: 0.5rem;
}

.login h1 a {
  width: 100% !important;

  background-image: url(https://www.dissipatio.it/dp/wp-content/themes/dissipatio/src/images/dissipatio-logo.png) !important;

  background-size: contain !important;
}

.login .message {
  border: none;
}

.login form .input {
  border: 1px solid #e0e0e0;

  background: white;

  color: #000;

  outline: none;

  box-shadow: none;

  padding: 0.5rem 1rem;

  margin: 0 0 1rem;
}

.login form .input:focus {
  border: 1px solid #e0e0e0;

  background: white;

  color: #000;
}

input:-webkit-autofill {
  background-color: white;

  background-image: none;

  color: #000;
}

#login #nav,
#login #backtoblog {
  display: none;
}

.wp-core-ui .button-primary {
  background: #000;

  padding: 0.5rem;

  font-size: 1rem;

  font-weight: 700;

  border: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  color: white;

  text-decoration: none;

  text-shadow: none;

  border-radius: 0.25rem;
}

.wp-core-ui .button-primary:hover {
  color: white;
  background: #000;
}