html {
  background-color: rgb(15, 37, 55);
  color: white;
  font-family: sans-serif;
}

body {
    max-width: 45rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

h1 {
    padding-top: 0.5em;
    text-align: center;
    margin: 0;
}

a {
    color: #43A8F0;
}

a:visited {
    color: #A7Aef9;
}

dt {
  color: #75A3Ba;
  font-weight: bold;
}

img {
  margin: 0.5em;
  border: none;
}

p img,
li img {
  vertical-align: middle;
  margin: 0;
}

.backred {
  background-color: red;
  color: black;
}

.error {
  background-color: white;
  color: red;
}

.hidden {
  visibility: hidden;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.textcenter {
  text-align: center;
}

.middle * {
  vertical-align: middle;
}

.maximized {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  z-index: 100 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0;
}

figure {
    text-align: center;
}

@media print {
    html {
        background-color: white;
        color: black;
    }
    a {
        text-decoration: none;
        color: black !important;
    }
    ul > li {
        break-inside: avoid;
    }
}