/* Custom CSS for zooming in, heading sizes, and dividers */
body {
  zoom: 1.4;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

body > .container > main > hr {
  border: none;
  height: 1px;
  background-color: #ccc;
  margin: 1em 0;
}

.highlight,
.highlight pre,
.highlight code {
  background-color: #1a1a1a !important; /* An even darker gray */
}

.highlight {
  padding: 1em;
  border-radius: 5px;
}