html {
  margin: 0;
  padding: 0;

  scrollbar-color: #f7a41d #222;
}

body {
  color: #eee;
  background-color: #111;
  font-family: "Merriweather", Georgia, serif;

  margin: 44px auto;
  padding: 8px;

  max-width: 50rem;
}

a {
  color: #88f;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

h1, h2 {
  font-family: "Bebas Neue", Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

h3, h4, h5 {
  font-family: "Merriweather", Georgia, serif;
  margin: 0;
  padding: 0;
}

li {
  padding-top: 4px;
}

nav {
  border-top: 2px solid #f7a41d;
  border-bottom: 2px solid #f7a41d;

  padding: 4px;
  margin: 24px auto;

  font-size: 1.1rem;

  text-align: center;

  /* max-width: 200px; */
}

nav a {
  vertical-align: middle;
  color: #eee;
}

.codeberg-logo {
  vertical-align: middle;
  filter: contrast(70%);
}

a.site-title:hover {
  text-decoration: none;
}

a.site-title > h1 {
  text-align: center;
  font-size: 3.5rem;
  line-height: 2.9rem;
  color: #eee;
}

a.site-title > h2 {
  text-align: center;
  font-size: 1rem;
  font-style: italic;
  font-weight: normal;
  font-family: "Merriweather", Georgia, serif;
  color: #c0c0c0;
}

ul {
  list-style-type: none;
  padding-left: 0;
}

li > ul {
  padding-left: 2rem;
}

ol {
  padding-left: 0rem;
}

li > ol {
  padding-left: 2rem;
}

/* Page title */
h1.page-title {
  font-size: 2.5rem;
}

h2.page-subtitle {
  font-size: 0.8rem;
  font-style: italic;
  font-weight: normal;
  font-family: "Merriweather", Georgia, serif;
  color: #c0c0c0;
}

/* Docs page style */
.docs-page-title {}

span.docs-list-title {
  font-size: 1.2rem;
  font-style: italic;
  color: #999;
}

li:has(.docs-list-item) {
  font-size: 1.2rem;
}