body {
  background-color: rgb(148, 205, 250);
  margin: 0px;
  font-family: Roboto, Arial;
  color: black;
}

main {
  margin: 100px 100px;
  padding-bottom: .1px;
  background-color: white;
  border-radius: 20px;
  /* animation: fadeIn 0s; */
  /* animation-delay: 0s; */
  /* animation-fill-mode: forwards; */
  opacity: 1;
}

@media (max-width: 1000px) {
  main {
    margin-left: 50px;
    margin-right: 50px;
  }
}



.section-title {
  margin-top: 20px;
  font-size: 35px;
  font-weight: 300;
}

.section-title-underline {
  background-image: linear-gradient(to left,rgb(148, 205, 250), rgb(0, 117, 156));
  height: 1px;
  width: 150px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}

.section {
  margin: 40px;
  padding: .1px;
}

@media (max-width: 500px) {
  main {
    margin: 50px 10px;
  }

  .section {
    margin: 10px;
  }
}

.section-line {
  background-color: rgb(228, 228, 228);
  height: 1px;
}

.main-button {
  padding: 10px 0px;
  min-width: 240px;
  border: none;
  border-radius: 100px;
  background-color: rgb(0, 117, 156);
  color: white;
  transition: .2s;
  cursor: pointer;
  font-size: 15px;
  width: 100%;
}

.main-button:hover {
  background-color: rgb(0, 87, 116);
}

.main-button:active {
  background-color: rgb(0, 67, 90);
}