/* Type selector */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  background-color: #f6f8fa;
  color: #222;
  margin: 0;
  padding: 2.5em;
  line-height: 1.6;
}

/* Type selector + font styling */
h1 {
  color: #2a4d69;
  font-size: 2.2rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.625em;
}

h2 {
  color: #41729f;
  font-size: 1.5rem;
  background-color: #dbe9f4;
  padding: 0.5em;
  margin-top: 1.875em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #c0d6e4;
}

/* Class selector */
.facts {
  background-color: #e3ecf3;
  padding: 1em;
  border-radius: 0.5em;
  margin-bottom: 0.5em;
}

/* Relational selector */
.facts li {
  font-style: italic;
  margin-bottom: 0.375em;
}

/* Hover effect */
.facts li:hover {
  background-color: #eef3f8;
  cursor: default;
}

/* Section styling */
section {
  margin-bottom: 2em;
  padding: 1em;
  background-color: #ffffff;
  border-radius: 0.5em;
  border: 1px solid #ddd;
}

/* Footer styling */
footer {
  margin-top: 3em;
  font-size: 0.9rem;
  color: #777;
  text-align: center;
}