strong {
  color: #279876;
  outline: none;
}

a {
  text-decoration: none;
}

button:focus {
  outline: 0;
}

blockquote {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 300;
  letter-spacing: 0.05em;
  margin: 0px 60px 0px 60px;
  padding: 30px 30px 30px 80px;
  color: #fff;
  border-left: 8px solid #ffba31;
  border-right: 8px solid #ffba31;
  background: #279876
    url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Marine_Science/icons/quote.png)
    no-repeat 15px 15px;
}

blockquote p {
  margin: 0;
}

sub:has(em) {
  margin-bottom: 1rem;
}

.section_heading {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  background-color: #f2f2f2;
  z-index: 5;
  margin: 50px 0px;
}

.heading {
  background-color: white;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  z-index: 15;
  margin: -20px 50px;
  border-left: 3px solid #ffba31;
  border-right: 3px solid #ffba31;
  border-radius: 10px;
}

.heading h2 {
  padding-right: 15px;
}

.section_icon {
  margin: 5px;
  width: 80px;
  flex-shrink: 0;
}

.big_picture {
  width: 100%;
  max-width: 950px;
  margin: 10px 5px 20px 5px;
  padding: 5px;
  background-color: #ffba31;
  box-shadow: 3px 3px 3px #aaa;
}

.picture {
  margin: 10px;
  padding: 5px;
  background-color: #ffba31;
  box-shadow: 3px 3px 3px #aaa;
}

.pictures {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-bottom: 15px;
  width: 100%;
}

.intro_text {
  border-left: 5px solid #ffba31;
  padding-left: 10px;
}

.flashcards_elem {
  border-radius: 5px;
  background-color: #34ca9d;
  background-image: url(https://s3.amazonaws.com/content.accelerate-ed.com/Secondary/docs/Medicine/assets/shutterstock_146147567.jpg);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 25px;
  border-top: 5px solid #ffba31;
  z-index: 50;
}

.reflection_question {
  background-color: #f2f2f2;
  margin: 15px;
  padding: 20px 40px;
  border-radius: 5px;
  border-left: 5px solid #34ca9d;
  border-right: 5px solid #34ca9d;
}

.web_link {
  padding: 10px 15px;
  width: 300px;
  margin: 15px;
  background-color: #279876;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #333;
  border: none;

  -webkit-transition: background-color 0.5s; /* For Safari 3.0 to 6.0 */
  transition: background-color 0.5s; /* For modern browsers */
}

.web_link:hover {
  box-shadow: 1px 1px 3px #bbb;
  background-color: #ffba31;
}

.web_question {
  border-left: 5px solid #34ca9d;
  padding: 10px 30px;
  margin: 5px;
  background-color: #ddd;
  width: 90%;
}

.web_buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  flex-direction: row;
}

.web_activity {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  padding: 20px;
  margin: 15px 0px;
  background-color: #f2f2f2;
}

.thinking_question {
  border-top: 5px solid #279876;
  background-color: #f2f2f2;
  font-size: 1.2em;
  padding: 20px 50px;
}

.table_section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  background-color: #f2f2f2;
  padding: 15px;
}

.table_section table {
  box-shadow: 3px 3px 3px #aaa;
}

.table_section table thead {
  background-color: #279876;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
}

.table_section tbody tr:nth-child(odd) {
  background-color: #ffd683;
}

.table_section tbody tr:nth-child(even) {
  background-color: #fff1d6;
}

.table_section tbody tr td:first-child {
  font-weight: bold;
}

.DidYouKnow,
.FactCheck {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background-color: #f2f2f2;
  box-shadow: 3px 3px 3px #ccc;
  padding: 0px 25px 10px 25px;
  border-radius: 20px;
  margin: 15px 0px;
}

.DidYouKnow,
.FactCheck h2 {
  color: #1a654f;
  padding-top: 15px;
}

.DidYouKnow,
.FactCheck p {
  margin-top: -5px;
}

.FactCheck {
  background-color: #d6f4eb;
}
