body {
  font-family: Arial, sans-serif;
  background-color: #f8f9fa;
}
form {
  font-family: arial, sans-serif;
  padding-right: 20px;
}

.hero {
  background: linear-gradient(135deg, #0d6efd, #6610f2);
  color: white;
  text-align: center;
  padding: 50px 20px;
}
.hero .btn {
  margin: 5px;
}
.form-section, .features-section {
  padding: 40px 20px;
}
.contact-section {
  padding: 15px 20px;
  background-color: burlywood;
}
#logo {
  text-shadow: 0px 0px 10px #031b33;
}


.syne-regular {
  font-family: "Syne", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size: 1.1em;
}

.syne-bold {
  font-family: "Syne", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
}