#login {
  display: grid;
  place-items: center;
  padding: 2em 1em;
  gap: 1em;
}
#login form {
  display: flex;
  flex-direction: column;
  gap: 2em;
  padding: 1em;
  background-color: white;
  border-radius: 0.5em;
  transition: filter 0.2s;
}
#login form a.alternative {
  font-size: 90%;
  padding-left: 2em;
  color: #ba1b1d;
}
#login form .field {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
#login form .field label {
  font-weight: bold;
}
#login form .field input {
  font-family: inherit;
  font-size: inherit;
  padding: 0.2em 0.5em;
  border: solid black 1px;
  border-radius: 4px;
}
#login form button {
  font-family: inherit;
  font-size: inherit;
  padding: 0.5em 2em;
  border: solid black 1px;
  border-radius: 4px;
  background-color: #bbefb3;
  align-self: center;
  cursor: pointer;
}

#loader.show + form {
  filter: blur(0.5em);
}

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