body {
  --bg: white;
  --text: #333333;
  --link: #357edd;
  --code-bg: #f4f4f4;
}

body.onehundred {
  --bg: #03142f;
  --text: #f5e7ff;
  --link: #f9cb58;
  --code-bg: #13205e;
}

html {
  font-size: 19px;
}

body {
  margin: 0;
  background-color: var(--bg);
  color: var(--text);
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif
}

a[href] {
  color: var(--link);
  text-decoration: none;
}

.lh-copy { line-height: 1.7 }
.bold { font-weight: 500 }

.mkdwn > * {
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto; }

.mkdwn > blockquote, .mkdwn table, .mkdwn figure, .mkdwn pre {
  max-width: 40rem;
  margin-top: 2rem;
  margin-bottom: 2.5rem; }

.mkdwn code {
  font-size: .8rem; }

.mkdwn p > code, .mkdwn li > code, .mkdwn p a > code {
  background-color: var(--code-bg);
  border-radius: 2px;
  padding: 2px 5px; }

.mkdwn img {
  width: 100%; }

.mkdwn pre {
  overflow-x: scroll;
  background-color: var(--code-bg);
  border-radius: 2px;
  padding: 1rem;
  font-size: .8rem; }

.mkdwn h2, .mkdwn h3, .mkdwn h4 {
  font-weight: 400;
  margin-top: 1.5em; }
  .mkdwn h2:after, .mkdwn h3:after, .mkdwn h4:after {
    content: "\0020 \2014";
    }

.mkdwn figure figcaption {
  font-size: .9rem; }

.mkdwn blockquote {
  position: relative;
  font-size: 1.3rem;
  quotes: "“" "”" "‘" "’"; }
  .mkdwn blockquote:before {
    content: "\201C";
    position: absolute;
    left: -30px;
    top: -10px;
    color: #ccc;
    font-size: 3rem; }
  .mkdwn blockquote cite {
    display: block;
    text-align: right;
    margin-top: .5rem;
    font-size: .9rem; }
    .mkdwn blockquote cite:before {
      content: "\2014 \0020"; }

.mkdwn table th, .mkdwn table td {
  padding: 2px 10px;
  text-align: left; }

.em-before:before {
  content: "\2014 \0020"; }