main {
  background: radial-gradient(
    110.95% 70.68% at 100% 100%,
    #37a3d2 0%,
    #a8d6ec 25%,
    #fbfbff 100%
  );
}

.paragraph-image {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 6rem;
}
.paragraph-image p {
  flex-basis: 40%;
  flex-shrink: 0.2;
}

.paragraph-image img {
  box-shadow: 0 2rem 3rem 0.5rem rgba(0, 0, 0, 0.199);
  border-radius: 2rem;
  max-height: 21rem;
  flex-shrink: 1;
  flex-basis: 35%;
}

.paragraph-image figure {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}

form {
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  display: flex;
  gap: 1rem;
}

label {
  font-size: var(--font-smaller);
  margin-bottom: 0.25rem;
  font-weight: 800;
}

input,
textarea {
  border-radius: 0.5rem;
  border: 0.125rem solid #cfcfcf;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  background-color: var(--light-color);
  margin-bottom: 1rem;
  cursor: text;
}

.contact input {
  height: 3rem;
}

::placeholder {
  color: #9b9b9b;
}

input:user-invalid,
textarea:user-invalid {
  border-color: var(--red-error);
}

.contact-us-art {
  padding-top: 10rem;
}

.contact-form {
  padding-bottom: 10rem;
}