/* css styles */

.key-points {
  padding: 1em;
  background: #587e76;
  color: white;
  border: 2px;
  border-radius: 2px;
}

.objectives {
  padding: 1em;
  background: #5b9aa0;
  color: white;
  border: 2px;
  border-radius: 2px;
}

.discussion {
  padding: 1em;
  background: #c8553d;
  color: white;
  border: 2px;
  border-radius: 2px;
}

.resources {
  padding: 1em;
  background: #a79e84;
  color: white;
  border: 2px;
  border-radius: 2px;
}

.challenge {
  padding: 1em;
  background: #667292;
  color: white;
  border: 2px;
  border-radius: 2px;
}

.solution {
  padding: 1em;
  background: white;
  color: black;
  border: 2px solid #87bdd8;
  border-radius: 2px;
}

details > summary {
  color: white;
}

.center {
  text-align: center;
}/* css styles */