.authentication {
  height: 80vh;
  max-width: 40ex;
  padding-inline: 1em;
  margin-inline: auto;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2em;
}

.authentication__alert {
  padding: 1em;

  background: var(--color-accent);
  color: var(--color-text-front);
  border-radius: 0.5ex;
}

.authentication__title {
  width: 100%;
  margin: 0;

  font-size: 1.5em;
  text-align: left;
}

.authentication__form {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 2em;
}

.authentication__input {
  width: 100%;
}