.contact-form {
  display: grid;
  gap: 2rem;

  > div {
    display: grid;
    gap: 2rem;
  }

  label {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
  }
}

.honeypot {
  text-indent: -99999px;
  opacity: 0;
  height: 1px;
}

input, textarea {
  font: inherit;


  &[type="submit"] {
    justify-self: flex-end;
    cursor: pointer;
  }
}

.main-content {

  .autocol {
    display: grid;
    gap: 12rem;
    grid-template-columns: 1fr 0.5fr;
  }

  .contact-info {
    place-self: center;
    display: grid;
    gap: 4rem;

    address {
      display: grid;
    }
  }
}