/* body style start */
body {
  height: 100vh;
  position: relative;
  background: #f3edea;
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
}
body::after {
  position: fixed;
  top: 100%;
  left: -50px;
  opacity: 0.05;
  content: "Contact.";
  font-family: "Playfair Display", serif;
  width: 100%;
  font-weight: 900;
  font-size: 250px;
  transform: translateY(-100%);
  z-index: -1;
}
/* body style end */
/* main section start */

#main .timeline .intro-text h2 {
  margin-top: 75px;
  margin-bottom: 20px;
  font-size: 60px;
  font-weight: 700;
}
#main .timeline .intro-text p {
  margin-bottom: 20px;
  font-weight: 400;
}

#main .timeline .contact-form form input[type="text"] {
  width: 80%;
  margin-bottom: 50px;
  padding: 10px 21px;
  background: transparent;
  border: 1px solid #80808056;
  border-radius: 5px;
}

#main .timeline .contact-form form input[type="email"] {
  width: 80%;
  margin-bottom: 50px;
  padding: 10px 21px;
  background: transparent;
  border: 1px solid #80808056;
  border-radius: 5px;
}
#main .timeline .contact-form form textarea {
  width: 80%;
  margin-bottom: 50px;
  padding: 24px 21px;
  background: transparent;
  border: 1px solid #80808056;
  border-radius: 5px;
}
#main .timeline .contact-form form input[type="text"]:focus,
#main .timeline .contact-form form input[type="email"]:focus,
#main .timeline .contact-form form textarea:focus {
  outline: none;
}
#main .timeline .contact-form form button {
  padding: 15px 40px;
  color: rgb(255, 255, 255);
  background-color: black;
  border-radius: 5px;
}