body {
  #background-image: linear-gradient(#BCEDE7, #68D7C6);
  background-color: #BCEDE7;
  font: 1.45rem MPCond;
}

.logo {
  height: 5rem;
  position: absolute;
  top: 2.1rem;
  left: 5rem;
  transition: 0.5s ease-out;
}

.public_button {
  background-color: #32B8A5;
  color: white;
  text-decoration: none;
  font: 0.9rem MetropolisBold;
  border-radius: 2.5rem;
  border-style: none;
  padding: 0.7rem 0;
  text-transform: uppercase;
}
.public_button:hover {
  text-decoration: none;
  color: black;
}

.public_text_input {
  font-family: MetropolisSemiBold;
  color: white;
  background-color: #E6B8B8;
  padding: 0.7rem;
  border-radius: 2.5rem;
  border: 1px transparent solid;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.public_text_input::placeholder {
  font-family: Metropolis;
  color: white;
  opacity: 1;
}
.public_text_input:focus {
  border: 1px #ea8482 solid;
  outline: none;
  box-shadow: 0px 0px 2px 2px #e89795;
}

.fp_error {
  font: 1rem Metropolis;
}

.tablet-text {
  font-size: 1.4rem;
  color: white;
}
@media (min-width: 1200px) {
  .tablet-text {
    color: black;
  }
}

#main-content {
  font-family: MPRegular;
}
#main-content .fp_panel_title {
  font-family: MPBold;
}
#main-content .fp_panel_body {
  font-size: 1.3rem;
}
#main-content form {
  font: 1.3rem MPRegular;
}