ul {
  list-style-position: inside;
  padding: 0;
}

ul#results {
  list-style-type: none;
}

ul#results>li {
  border-radius: 5px;
  border: 1px solid #808080;
  display: inline-block;
  padding: 5px;

  margin: 0 auto 5px;
  /* least problematic display method i found */
  display: table;
}

pre {
  white-space: pre-wrap;
  word-break: break-all;
  margin: 0;
  max-width: 80vw;
}

/* mobile */
@media (width > 40em) {
  pre {
    max-width: 30em;
  }
}

li.load-error {
  color: red;
  border: 1px solid red !important;
}

/* automatic dark mode */
@media (prefers-color-scheme: dark) {
  body {
    color: white;
    background-color: black;
  }
}

/* manual dark mode */
.dark {
  color: white;
  background-color: black;
}

body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

  text-align: center;
}

h3 {
  margin-bottom: 5px;
}