html, body, div.slide, div.slide.titlepage {
  background: #151719;
  color: #d4d4d4;
}
a, a:visited { color: #6cb6ff; }
h1, h2, h3, div.slide h1 { color: #e6e6e6; }
pre, code {
  background: #1e1e1e;
  color: #d4d4d4;
}
div.toolbar, div.toolbar a { background: #1e1e1e; color: #d4d4d4; }
iframe.repl, iframe.embed {
  width: 100%;
  height: 70vh;
  border: 1px solid #333;
  border-radius: 6px;
}
.slide a.cite-ref,
.slide a.cite-ref:visited,
.slide .footnotes a,
.slide .footnotes a:visited {
  color: #9bdcff;
  font-weight: 400;
  text-decoration: none;
}
.slide a.cite-ref:hover,
.slide a.cite-ref:focus {
  text-decoration: underline;
}
.slide .footnotes {
  font-size: 0.85em;
}
.slide .footnotes-bottom {
  position: fixed;
  bottom: 5em;
  left: 40px;
  right: 40px;
  z-index: 100;
  font-size: 0.55em;
  line-height: 1.1;
}
.slide .footnote-entry p {
  margin: 0.2em 0;
}
.slide .footnotes-bottom a,
.slide .footnotes-bottom a:visited {
  color: #9bdcff;
  font-weight: 700;
  text-decoration: underline;
}
.slide img.architecture {
  display: block;
  max-width: 100%;
  max-height: 55vh;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}