@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@500&display=swap');
body {
  background-color: lightgray;
  display: flex;
  font-family: 'Rubik', sans-serif;
  text-align: center;
}

li {
  list-style-type: none;
  color: #bfbfbf;
  padding: 6px;
  font-size: 0.9em;
}

div#everything {
  display: flex;
  margin: 0 auto;
}
div.sections {
  width: 400px;
  height: 500px;
  background-color: white;
  box-shadow: 0px 10px 5px rgb(205, 225, 231);
  /* margin: 50px auto; */
  /* display: inline; */
}

div#personal_section {
  margin: 100px 30px;
  width: 300px;
}
div#business_section {
  margin: 40px 30px;
  height: 600px;
}
div#enterprise_section {
  margin: 100px 30px;
  width: 300px;
}

button:hover span {
  display: none;
}
button:hover::before {
  content: '✔ Sign up';
}

button:hover {
  background-color: #ffcf2d;
  width: 140px;
  height: 55px;
}

button {
  color: white;
  background-color: #d8d8d8;
  width: 125px;
  height: 50px;
}

img {
  width: 80px;
}
div#business_section > img {
  width: 100px;
}

h2 {
  color: #17ace8;
}

#popular_heading {
  background-color: #17ace8;
  color: white;
  padding: 1px;
}

.prices {
  font-family: 'Prompt', sans-serif;
  color: #17ace8;
}

.price_span {
  /* vertical-align: top; */
  font-size: 45px;
}

.bold_li {
  font-weight: bold;
}

.per_month {
  font-family: 'Rubik', sans-serif;
  color: #17ace8;
}

.sups {
  font-size: 25px;
  /* vertical-align: center; */
  margin-bottom: 50px;
  vertical-align: 35%;
}

.icon_images {
  margin-top: 75px;
}

#personal_section,
#business_section,
#enterprise_section {
  visibility: hidden;
}

@media screen and (max-width: 32.5em) {
  div#everything {
    display: block;
  }
  div#personal_section,
  div#business_section {
    margin: 50px auto;
  }
}