.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 8rem;

  .title {
    font-size: 2rem;
    text-align: center;
  }

  .form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 600px;

    & input,
    & textarea {
      width: 100%;
      min-height: 2rem;
    }

    & textarea {
      resize: none;
      height: 10rem;
    }

    .submit_button {
      display: flex;
      justify-content: center;

      & button {
        border: none;
        background-color: #1976d2;
        color: white;
        border-radius: 10px;
        width: 80%;
        height: 2.5rem;

        text-transform: uppercase;
        cursor: pointer;

        transition: scale 0.3s ease-in-out;

        &:hover {
          scale: 1.05;
        }
      }
    }
  }
}
