* {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
}

.contact {
  width: 80%;
  border: 1px solid black;
  border-radius: 10px;
  margin: 30px auto;
  padding: 5%;
  text-align: center;
  background: rgb(131, 58, 180);
  background: linear-gradient(
    90deg,
    rgba(131, 58, 180, 1) 0%,
    rgba(253, 29, 29, 1) 50%,
    rgba(252, 176, 69, 1) 100%
  );
}
.contact h2 {
  font-size: 35px;
  margin-bottom: 0;
  color: #6c5ce7;
  text-shadow: 0px 2px 2px rgb(64, 51, 51);
}
.child-form label {
  color: rgb(251, 251, 251);
  text-shadow: 0px 2px 2px rgb(67, 58, 58);
}
.contact p {
  font-size: 12px;
  margin-bottom: 25px;
  color: #34495e;
}
/* .contact form {
  margin-top: 10px;
} */
.child-form {
  width: 100%;
  margin-bottom: 15px;
}
.child-form:last-child {
  margin-bottom: 0px;
}
.child-form label {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}

.child-form input,
.child-form textarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px 3%;
  width: 94%;
}
.child-form input[type='button'] {
  width: 50%;
  background: rgb(63, 94, 251);
  background: linear-gradient(
    309deg,
    rgba(63, 94, 251, 1) 0%,
    rgba(252, 70, 220, 1) 100%
  );
  border-radius: 22px;
  color: white;
}
.child-form input[type='button']:hover {
  background: rgb(34, 193, 195);
  background: linear-gradient(
    0deg,
    rgba(34, 193, 195, 1) 0%,
    rgba(253, 187, 45, 1) 100%
  );
  color: white;
  cursor: pointer;
}

.child-form textarea {
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 90px;
  width: 94%;
}
.child-form-num {
  display: flex;
}
.child-form-num label {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}
.child-form-num {
  width: 100%;
  margin-bottom: 15px;
}
.child-form-num input {
  border: 1px solid #ddd;
  border-radius: 5px;
  /* padding: 15px 49%; */
  padding: 15px;
  width: 90%;
  margin-left: 5%;
  padding-right: 85%;
}
.child-form-num select {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px 2%;
  width: 105px;
}