@import url(https://fonts.bunny.net/css?family=jetbrains-mono:400,400i,700,700i);
@import url(https://cdn.jsdelivr.net/npm/bootstrap@6.0.0-alpha.1/dist/css/bootstrap.min.css);

:root {
    --bs-body-font-family: 'JetBrains Mono', monospace, sans-serif;
    --bs-heading-font-weight: bold;
    --bs-link-decoration: none;
    --bs-radius-5: 0;
}
article { margin-bottom: 2.25rem; }

.icon { width: 2em; height: 2em; fill: var(--bs-fg-body); }

/* markdown.css */
.markdown h1:before { content: "# "; }
.markdown h2:before { content: "## "; }
.markdown h3:before { content: "### "; }
.markdown h4:before { content: "#### "; }
.markdown h5:before { content: "##### "; }
.markdown h6:before { content: "###### "; }

.markdown :is(b, strong):before, .markdown :is(b, strong):after { content: "**"; }
.markdown :is(i, em):before, .markdown :is(i, em):after { content: "_"; }

.markdown s { text-decoration: none; color: var(--bs-secondary-fg); }
.markdown s:before, .markdown s:after { content: "~~"; }

.markdown a:is(:hover, :focus) { text-decoration: underline; }
.markdown a:before { content: "["; }
.markdown a:after { content: "]"; color: var(--bs-secondary-fg); }
.markdown a[href]:before { content: "["; color: var(--bs-secondary-fg); }
.markdown a[href]:after {  content: "](" attr(href) ")"; word-break: break-all; }

.markdown ul { list-style: "- "; }
.markdown ul li::marker { content: "- "; }
.markdown li::marker { color: var(--bs-accent-base); }

.markdown blockquote {
    padding-left: 2ch;
    overflow: hidden;
}
.markdown blockquote:before {
  content: ">\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >\a >";
  width: 0;
  height: 0;
  font-size: inherit;
  line-height: inherit;
  margin-left: -2ch;
  display: block;
}

.markdown img[data-md-src] { content: ""; display: inline-block; }
.markdown img[data-md-src]:before { content: ""; }
.markdown img[data-md-src]:after {
  content: "![" attr(data-md-alt) "](" attr(data-md-src) ")";
  word-break: break-all;
  display: inline-block;
}
.markdown img[data-md-src] + img:not([data-md-src]) { display: none; }

.markdown pre, .markdown code { white-space: pre-wrap; word-break: break-all; }

.markdown code:before, .markdown code:after { content: "`"; }

.markdown pre[class]:before { content: "```" attr(class); }
.markdown pre[data-md-language]:before { content: "```" attr(data-md-language); }
.markdown pre > code[class]:before { display: block; content: "```" attr(class); }
.markdown pre > code[class]:after { content: "```"; }

.markdown hr { border: 0; line-height: 0; }
.markdown hr:after {
  content: "-----------------------------------------------------------------------------------------------------------------------------------------------";
  width: 100%;
  font-size: 14px;
}