#markdown-preview {
  display: none;
}

.bg-peach {
  background-color: rgba(242, 200, 180, 0.8);
}

.markdown {
  font-family: sans-serif;
  color: #444;
  /*max-width: 17cm;*/
  margin: auto;
  padding: 0 8px;
}
.bg-dark * {
  color: #ffc !important;
}
.markdown blockquote {
  margin: 0;
  padding-left: 1.4rem;
  position: relative;
}
.markdown blockquote::before {
  content: '';
  position: absolute;
  left: 0;
  width: 4px;
  height: 100%;
  background: #dadada;
  border-radius: 2px / 4px;
}
.markdown pre, .markdown code { font-family: monospace; }
.markdown pre {
  padding: 10px;
  background-color: #eee;
  border-radius: 3px;
  overflow: auto;
}
.markdown hr {
  border: 0;
  margin: 2rem auto;
  text-align: center;
}
.markdown hr::before {
  content: '⁂';
  color: gray;
  font-size: 1.5rem;
}
.markdown a { color: #1EAEDB; }
.markdown a:hover { color: #0FA0CE; }
.markdown li { margin: 0.4em 0; }
.markdown h1 { text-align: center; }
.markdown h1, .markdown h2, .markdown h3, .markdown h4,
.markdown h5, .markdown h6 { color: black; }
.markdown h1:hover .autolink-clicker, .markdown h2:hover .autolink-clicker, .markdown h3:hover .autolink-clicker, .markdown h4:hover .autolink-clicker, .markdown h5:hover .autolink-clicker, .markdown h6:hover .autolink-clicker {
  visibility: visible;
}
.markdown h1 .autolink-clicker, .markdown h2 .autolink-clicker, .markdown h3 .autolink-clicker, .markdown h4 .autolink-clicker, .markdown h5 .autolink-clicker, .markdown h6 .autolink-clicker {
  visibility: hidden;
}
.markdown p { text-align: justify; }
.markdown p > img {
  max-height: 90vh;
  max-width: 17cm;
}
.markdown > img,
.markdown > figure > img,
.markdown > a > img:only-child {
  display: block;
  margin: auto;
  margin-left: 50%;
  transform: translateX(-50%);
  border: 1px solid #dadada;
  padding: 5px;
  max-width: calc(17cm - 12px);
}
@media (max-width: 17cm) {
  .markdown > img {
    /* 16px for the markdown padding. */
    max-width: calc(100vw - 16px);
  }
  .markdown > img,
  .markdown > figure > img,
  .markdown > a > img:only-child {
    max-width: calc(100vw - 12px - 16px);
  }
}