html,
body {
  background-color: #150d21;
  color: #e0e0e0;
  font-size: 1.1em;
  font-family: sans-serif;
  line-height: 1.3;
  margin: 0;
}

.serif {
  font-family: serif;
}

.🚚 {
  margin: 0 auto;
  padding: 0.6em;
  max-width: 900px;
}

.🍞 {
  size: 0.8em;
  margin-bottom: 1.5em;
}

@font-face {
  font-family: "Comic Sans MS";
  src: url("/fonts/Comic-Sans-MS.woff2") format("woff2");
  font-display: swap;
}

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

h1 {
  font-size: 2.6em;
}

a,
details summary,
span[role="button"] {
  text-decoration: underline;
  color: paleturquoise;
  cursor: pointer;
}

a:visited {
  color: rgb(105, 195, 255);
}

a:hover,
details summary:hover,
span[role="button"]:hover {
  color: darkturquoise;
}

.longtext {
  color: #1d1729;
  background-color: #e8e4de;
  padding: 1em;
  margin-bottom: 1em;
}