/* css styles */
body {
  font-family: "Georgia", serif;
  font-size: 18px;
}

h1 { font-size: 2.5rem; }  /* largest heading */
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }

.navbar {
  font-size: 1rem;        /* navigation bar */
}

h1, h2, h3 {
  color: #2c3e50;
}

details {
  margin: 0.5em 0 1em 0;
  padding: 0.3em 0;
}

details summary {
  cursor: pointer;
  font-weight: 600;
  color: #555;
  font-size: 0.9em;
  user-select: none;
}

details summary:hover {
  color: #000;
}

details[open] summary {
  margin-bottom: 0.5em;
}

details p {
  margin: 0.3em 0;
  padding-left: 1em;
  border-left: 2px solid #ddd;
  color: #444;
  font-size: 0.95em;
}