.form-grid {
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 0.75rem 1rem;
  align-items: center;
}

.form-grid label {
  text-align: right;
}

.form-grid input,
.form-grid select,
.form-grid textarea {
  width: calc(100% - 0.5rem);
  box-sizing: border-box;
}

.signup-form-header {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 2rem 0rem;
}

.login-form-container {
  margin: 2rem 0rem;
}

@media (max-width: 42rem) {
  .form-grid {
    grid-template-columns: 1fr;
    gap: 0.5rem 0rem;
  }

  .form-grid label {
    text-align: left;
  }
}