/* colors */
:root {
  --cream-can: #f2c75c;
  --brandy-punch: #dc8633;
  --half-baked: #86c8bc;
  --orange-roughy: #be531c;
  --mule-fawn: #8d3f2b;
  --cornflower: #a7c6ed;
  --nugget: #c1a01f;
  --shadow: #89764b;
  --vista-blue: #8fd6bd;
}

a:link,
a:visited {
  color: black;
  text-decoration: none;
}

a:hover,
a:active {
  color: var(--half-baked);
}

.container-fluid {
  font-family: "Mako", sans-serif;
}

.inner-container {
  border-radius: 20px;
  padding: 5%;
  max-width: 800px;
}

h1 {
  font-family: "Bungee Shade", cursive;
  padding-bottom: 2%;
  text-align: center;
}

h2 {
  font-family: "Mako", sans-serif;
  padding-bottom: 6%;
}

.cta {
  padding-top: 8%;
  font-style: italic;
  text-align: center;
}

video {
  max-width: 100%;
  margin-bottom: 5%;
}

#chapter_four_video .container {
  background-color: var(--shadow);
}

#chapter_four_video .inner-container {
  background-color: var(--nugget);
}

#chapter_four_video .cta {
  padding: 0;
}

img {
  padding-bottom: 6%;
}

#table_of_contents .container-fluid {
  background-color: var(--vista-blue);
  text-align: center;
}

#table_of_contents .inner-container {
  border: 2mm double var(--shadow);
  background: var(--cornflower);
}

#table_of_contents a {
  padding: 4px 0;
}

#chapter_one .container-fluid {
  background-color: var(--orange-roughy);
}

#chapter_one .inner-container {
  border: 2mm double var(--brandy-punch);
  background: var(--cornflower);
}

#chapter_two .container-fluid {
  background-color: var(--mule-fawn);
}

#chapter_two .inner-container {
  border: 2mm double var(--cream-can);
  background: var(--half-baked);
}

#chapter_three .container-fluid {
  background-color: var(--cream-can);
}

#chapter_three .inner-container {
  border: 2mm double var(--nugget);
  background: var(--vista-blue);
}

.chapter_four .container-fluid {
  background-color: var(--brandy-punch);
}

.chapter_four .inner-container {
  border: 2mm double var(--shadow);
  background: var(--nugget);
}

#chapter_five .container-fluid {
  background-color: var(--half-baked);
}

#chapter_five .inner-container {
  border: 2mm double var(--cornflower);
  background: var(--cream-can);
}

.chapter_six .container-fluid {
  background-color: var(--orange-roughy);
}

.chapter_six .inner-container {
  border: 2mm double var(--mule-fawn);
  background: var(--shadow);
}

#chapter_seven .container-fluid {
  background-color: var(--mule-fawn);
}

#chapter_seven .inner-container {
  border: 2mm double var(--shadow);
  background: var(--vista-blue);
}

#chapter_eight .container-fluid {
  background-color: var(--cornflower);
}

#chapter_eight .inner-container {
  border: 2mm double var(--brandy-punch);
  background: var(--cream-can);
}

#chapter_nine .container-fluid {
  background-color: var(--nugget);
}

#chapter_nine .inner-container {
  border: 2mm double var(--cream-can);
  background: var(--vista-blue);
}

#chapter_ten .container-fluid {
  background-color: var(--shadow);
}

#chapter_ten .inner-container {
  border: 2mm double var(--nugget);
  background: var(--cornflower);
}

.image {
  height: 100%;
  width: 100%;
}

.image-container {
  max-width: 300px;
}

.video {
  height: 100%;
  width: 100%;
}

.video-container {
  max-width: 480px;
}

.instructions {
  text-align: left;
}