html {
  background-color: #222;
}

.container {
  background-color: #222;
  max-width: 55rem;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}

/* override after-dark theme */

a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.zola-anchor {
  font-size: 1.3em;
}
a.zola-anchor:hover {
  text-decoration: none;
}

.dark h1 a,
.dark h2 a,
.dark h3 a,
.dark h4 a,
.dark h5 a {
  color: rgb(212, 136, 25);
}

.hack h2,
.hack h3,
.hack h4,
.hack h5,
.hack h6 {
  margin-bottom: 0em;
  margin-top: 1.3em;
}

.hack h2:before,
.hack h3:before,
.hack h4:before,
.hack h5:before,
.hack h6:before {
  content: "";
}

.hack h1 {
  font-size: 1.3em;
}
.hack h1:after {
  content: "=======================================";
  position: absolute;
  bottom: 10px;
  left: 0;
}

.hack th {
  font-size: 1.0em;
}

/* override the inline svg that sourcehut CSP blocks */

a[href*="://"]::after,
a[rel*="external"] {
  content: " " url("/images/arrow.png");
}

/* workaround for broken footnote rendering */

.footnote-definition p {
  display: inline;
}

/* Increase padding for ordered list items */

/* .hack li { */
/*   padding-left: 25px; */
/* } */

/* workaround for italics rendering */
/* see: https://github.com/getzola/after-dark/issues/34 */

.hack em {
  font-style: italic;
}

.hack em:before, .hack em:after {
  content: "";
}

/* Fix incorrect padding for ul
   Couldn't figure where it originates */

.hack ul {
  padding-left: 25px;
}

/* Make the HTML tag <code> a bit nicer */

.dark code {
  color: #b5e853;
}

.dark code:before,
.dark code:after {
  content: "";
}