:root {
  color-scheme: light dark;
}
@media (prefers-color-scheme: light) {
  :root {
    --highlight-color: #ffff74;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --highlight-color: hsl(0, 0%, 20%);
    background-color: black;
  }
  img {
    filter: brightness(.5) contrast(1.2);
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
  margin: 0 0 0 0;
}

#page-content {
  margin: 2rem auto 2rem auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  min-width: 25rem;
  max-width: 40rem;
  font-size: 1.1rem;
  line-height: 1.5;
}

h2 {
  color: #3178C6;
  border-bottom: thin solid lightgray;
}
pre {
  font-size: 1.2rem;
  line-height: 1.4;
  margin-left: 1rem;
  overflow-x: auto;
}
@media print {
  pre {
    overflow-x: visible;
    overflow-wrap: break-word;
  }
}
  
/****** anchors *****/

a[href] {
  color: #3178C6;
  text-decoration: none;
}

a[href]:hover {
  text-decoration: underline;
}

a[href]:visited {
  color: inherited;
}

/* Highlight what the current hash points to */
*:target {
  background-color: var(--highlight-color);
}

/* Colors
• TypeScript: #3178C6
• Remaining triadic colors via https://www.canva.com/colors/color-wheel/
  • Violet: #C63178
  • Green: #78C631
*/