main {
  padding: 2rem 0 14rem 0;
}

h1 {
  text-align: center;
  color: var(--color-gray-500);
  margin-top: 2rem;
}

form {
  max-width: 25rem;
  margin: var(--space-8) auto 5rem auto;
  padding: var(--space-4);
  background-color: var(--color-gray-50);
  border-radius: var(--border-radius-medium);
  text-align: center;
}

form a {
  color: var(--color-primary-200);
}

form a:hover,
form a:active {
  color: var(--color-primary-400);
}

#signup {
  background-image: url("/images/trees-in-fog.jpg");
  background-size: cover;
}

#login {
  background-image: url("/images/foggy-mountain.jpg");
  background-size: cover;
}

#show-password {
  width: auto;
  margin: 0 auto 0 1rem;
}

#show-password-label {
  padding: 0;
  margin: 0 0 0 auto;
}

#error p {
  text-align: center;
  margin: 2rem 0;
}