* {
  font-family: Verdana, sans-serif; }

@media (prefers-color-scheme: dark) {
  body {
    color: #ccc;
    background: #222; } }
body {
  display: flex;
  align-items: center;
  justify-content: center; }

div#background {
  margin-top: 1ex;
  margin-bottom: 1ex;
  max-width: 45rem;
  padding: 1em;
  margin-right: 2em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
  div#background:before {
    content: "";
    position: absolute;
    z-index: -2; }
  div#background:after {
    content: "";
    position: absolute;
    z-index: -2; }

main {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }
  main p {
    text-align: justify;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }
  main a {
    text-decoration: none; }
  main a:link,
  main a:visited {
    color: steelblue; }
  main a:hover {
    color: lightsteelblue; }
  main ul li {
    list-style-type: circle; }
  main dt {
    font-weight: bold;
    margin-top: 1ex; }
  main dd {
    margin-left: 1rem; }
  main blockquote {
    font-style: italic; }
  main figure img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto; }
  main figure figcaption {
    text-align: center;
    font-style: italic;
    font-size: 80%; }
  main .middle-aligned {
    vertical-align: middle; }
  main .top-aligned {
    vertical-align: top; }

header {
  margin-bottom: 4ex; }
  header a {
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none; }
  header a:link,
  header a:visited {
    color: steelblue; }
  header a:hover {
    color: lightsteelblue; }
  header nav li {
    text-transform: lowercase;
    font-variant: small-caps;
    display: inline;
    margin-right: 1rem; }
  header nav ul {
    list-style-type: none;
    text-align: right;
    margin-right: 2rem; }