ol > li {
  margin-bottom: 2em;
}
ol > li h3 {
  margin-top: 0;
}

ol > li > p {
  margin: 0.6em auto;
}

h3 {
  margin-bottom: 0.25em;
  font-size: 1.25em;
  font-weight: 500;
}

h3 + p {
  margin-top: 0.25em;
}

/* styling the very last paragraph */
#pseudo-classes > p:last-of-type {
  margin-top: 4em;
  margin-bottom: 3em;
  font-weight: bold;
  font-size: 1.2em;
  color: red;
}

#pseudo-classes > p:last-of-type::before {
  content: "!! -";
}

section > p:last-child {
  margin-bottom: 2em;
}

section > ul {
  list-style-type: circle;
  margin-left: 10px;
}

.example {
  /* display: inline-block; */
  width: fit-content;
  background-color: rgba(0, 0, 0, 0.3333333333);
  padding: 1em;
  color: white;
  font-size: 0.6em;
  line-height: 1;
}

.example h3 {
  font-family: verdana;
}

.general > h3 ~ p {
  color: orange;
}

.adjacent > h3 + p {
  color: fuchsia;
}