@font-face {
  font-family: "Libron";
  src: url("fonts/libron/Libron-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Libron";
  src: url("fonts/libron/Libron-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Libron";
  src: url("fonts/libron/Libron-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Libron";
  src: url("fonts/libron/Libron-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}

html {
  font-size: 112.5%;
}
body {
  font-family: "Libron", Cambria, "Times New Roman", "Liberation Serif", Times, serif;
  background: #ECE9DF;
  max-width: 66ex;
  margin: 1em auto;
  padding: 0 2em;
  text-rendering: optimizeLegibility;
}
p { text-align: justify; }

@media (max-width: 600px) {
  body {
    max-width: 100%;
    padding: 0 1em;
  }
  p { text-align: left; }
  .dialogue p { max-width: 85%; }
}

h1, h2, h3, h4 { margin-top: 1.22em; margin-bottom: 1ex; }
h1+p, h2+p, h3+p, h4+p { margin-top: 1ex; }

pre, code, kbd, samp, tt {
  font-family: Consolas, "Andale Mono", Monaco, monospace;
  font-size: 0.85em;
}
pre code { font-family: inherit !important; font-size: 0.95em; }
pre {
  background: #f7f7f7;
  padding: 1em;
  overflow-x: auto;
}

blockquote { font-style: italic; margin-left: 1em; }

hr { border: none; border-bottom: 1px solid black; margin-bottom: 0.5ex; }

a { color: inherit; }
a.localref { text-decoration: none; }
a.localref:hover { text-decoration: underline; }

.post-date {
  color: #767676;
  font-size: 0.85em;
  margin-left: 0.75em;
}

.dialogue p {
  max-width: 60%;
  margin: 0.75em 0;
}
.dialogue .a { text-align: left; margin-right: auto; }
.dialogue .b { text-align: right; margin-left: auto; }