
* {
  margin: 0;
  padding: 0;

}
body {
  height: 100vh;
  background-color: #2480a5;
}

p {
  margin-bottom: 10px;
}

ul {
  margin: 20px;
  listStyleType: square;
}

li {
  margin-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 18px;
  text-rendering: optimizeLegibility;
}

ol {
  margin-left: 20px;
}

.book-list li {
  line-height: 25px;
  font-size: 22px;
  margin: 14px 0;
}

.normal-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 28px;
  text-rendering: optimizeLegibility;
}

.main-heading {
  font-size: 22px;
  font-family: 'Roboto Slab', sans-serif;
}

.list-heading {
  text-decoration: underline;
  font-family: 'Karla', sans-serif;
  font-size: 21px;
}

.emphasis {
  font-style: italic;
  font-weight: bold;
  }

.program-name {
  font-weight: 600;
}

.section-header {
  font-size: 20px;
  margin-left: 20px;
  font-weight: 600;
}

.roboto-normal {
  font-family: 'Roboto Slab', sans-serif;
}

.testimonial {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 28px;
  text-rendering: optimizeLegibility;
  color: black;
}

.about-block-title {
  font-size: 19px;
  text-rendering: optimizeLegibility;
  font-family: 'Open Sans', sans-serif;
}

.about-text {
  font-family: 'Fira Sans', sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 15px;
  line-height: 24px;
}

.question {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


.Collapsible__trigger {
  display: block;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  background: #efefef;
  text-decoration: none;
  color: #333333;
  position: relative;
  border: 1px solid white;
  padding: 10px;
  color: black; }
  .Collapsible__trigger:after {
    content: '\25BC';
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    transition: transform 300ms; }
  .Collapsible__trigger.is-open:after {
    transform: rotateZ(180deg); }
  .Collapsible__trigger.is-disabled {
    opacity: 0.5;
    background-color: grey; }
