.auth-page {
  min-height: 50vh;
  place-items: center;
  display: grid;

  h1 {
    grid-column: 2;
    justify-self: start;
  }

  p {
    grid-column: 2;
    justify-self: start;
  }

  a {
    margin-right: 1rem;
  }


  form {
    display: grid;
    grid-template-columns: 6rem 1fr;
    gap: 1rem 1rem;
    max-width: 50vw;
    width: 100%;

    label {
      align-self: center;
    }

    input[type="email"],
    input[type="password"] {
      width: 100%;
      box-sizing: border-box;
    }

    input[type="submit"] {
      grid-column: 2;
      justify-self: start;
    }

    br {
      display: none;
    }

  }
}

@media (max-width: 480px) {
  form {
    grid-template-columns: 1fr;
  }

  form input[type="submit"] {
    grid-column: 1;
  }
}