img {
  width: 100%;
  height: auto;
  padding-top: 50px !important;
  padding-bottom: 20px !important;
}

.gradient-background {
  width: 100%;
  /*height: 100vh;*/
  height: auto;
  color: #fff;
  background: linear-gradient(-45deg, #e73c7e, #23A6D5, #23d5ab);
  background-size: 155% 100%;
  position: relative;
  padding-top: 25px;
  padding-bottom: 50px;
}

.gradient-background-animation {
  width: 100%;
  height: 100vh;
  height: auto;
  color: #fff;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23A6D5, #23d5ab);
  background-size: 400% 400%;
  position: relative;
  /*padding-top: 25px;*/
  /*padding-bottom: 25px;*/
}

.mainFont {
  font-family: 'Work Sans', 'Open Sans', sans-serif;
  color: whitesmoke !important;
  font-size: 17px;
  line-height: 1.6;
}

.myButton {
  background-color: #ffb700;
  border-radius: 28px;
  border: none;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-size: 17px;
}

.myButton:hover {
  /*background-color:#F7C05A;*/
  /*background-color: #f3ba87;*/
  background-color: #eeb4b3;
}
/*.myButton:active {*/
/*  position:relative;*/
/*  top:1px;*/
/*}*/

.button2 {background-color: #ffb700;}

ul.a {
  list-style-type: circle;
  color: black;
}

/*.input[type=text] {*/
/*  width: 100%;*/
/*  border-radius: 20px;*/
/*  padding: 12px 20px;*/
/*  margin: 8px 0;*/
/*  box-sizing: border-box;*/
/*  font-family: Comfortaa, sans-serif;*/
/*}*/