/* Contact page styles */

section#pg-contact {
  background: var(--bg);
}

section#pg-contact .contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--md);
  max-width: var(--narrow);
  margin: auto;
  margin-top: 2rem;
}

section#pg-contact .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--md);
}

section#pg-contact .form-group {
  display: flex;
  flex-direction: column;
}

section#pg-contact label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

section#pg-contact input,
section#pg-contact textarea {
  width: 100%;
}

section#pg-contact .button {
  width: fit-content;
}
/* Responsive */
@media (max-width: 640px) {
  section#pg-contact .form-row {
    grid-template-columns: 1fr;
  }

  section#pg-contact .button {
    width: 100%;
  }
}