/*
  Common Variables

  Feel free to change!
*/
/* Ed: the minimal edition theme.
 * ___________________
 * \_   _____/\______ \
 *  |    __)_  |    |  \
 *  |        \ |    `   \
 * /_______  //_______  /
 *         \/         \/
 * Designed, built, and released under an MIT license by @elotroalex and brill friends. See credits
 * for more info.
 * Based on the Poole and Lanyon theme by @mdo. Learn more at
 * https://github.com/minicomp/ed.
*/
/*
  To apply a different color scheme to the whole scroll down to the themes section for instructions
*/
/*
  General

  Update the foundational and global aspects of the page.
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

body {
  font-family: var(--serif-fonts);
  color: var(--main-text-color);
  background-color: var(--bg-color);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0; }

.content {
  margin-bottom: 4rem; }

*:target {
  background-color: var(--highlight-background-color); }

/*
  Wrapper

  The wrapper is used to position site content when the sidebar is toggled. We use an outter wrap to
  position the sidebar without interferring with the regular page content.
*/
.wrap {
  position: relative;
  width: 100%; }

/*
  Container

  Center the page content.
*/
.container {
  max-width: 700px;
  max-width: 35rem;
  max-width: 70ch;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto; }

/* Links*/
a,
.text-title a {
  color: var(--main-text-color);
  text-decoration: underline; }

/* `:focus` is linked to `:hover` for basic accessibility*/
a:hover,
a:focus {
  color: var(--link-text-hover-color);
  text-decoration: underline; }

/* Headings*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--sans-serif-fonts);
  margin-bottom: 0.5rem;
  font-weight: 600;
  letter-spacing: -0.025rem;
  line-height: 1.25;
  text-rendering: optimizeLegibility; }

h2 {
  margin-top: 2rem; }

h3 {
  margin-top: 1.5rem; }

h4,
h5,
h6 {
  margin-top: 1rem; }

/* Body text*/
p {
  margin-top: 0;
  margin-bottom: 1rem; }

/* Lists*/
ul {
  list-style: circle; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 1rem; }

li {
  margin-bottom: 0.5rem; }

/* Quotes*/
blockquote {
  padding: 0rem 2rem 0 3rem;
  margin: 2rem 0;
  position: relative;
  font-style: italic;
  color: var(--main-text-color);
  border-left: none; }
  blockquote::before, blockquote::after {
    position: absolute;
    font-size: 3rem;
    font-style: normal;
    color: var(--blockquote-quote-color); }
  blockquote::before {
    content: "\201C";
    left: 0.5rem; }
  blockquote::after {
    content: "\201D";
    right: 0.5rem; }
  blockquote i {
    font-style: normal; }

.excerpts blockquote {
  font-style: normal; }
  .excerpts blockquote:before, .excerpts blockquote:after {
    content: none; }

blockquote p:last-child {
  margin-bottom: 0; }

/* Images*/
img {
  display: block;
  max-width: 100%;
  margin: 0 0 1rem;
  border-radius: 5px; }

/* Tables*/
table {
  margin-bottom: 1rem;
  width: 100%;
  border: 1px solid var(--table-border-color);
  border-collapse: collapse; }

td,
th {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--table-border-color); }

/*
  Masthead

  Super small header above the content for site name and short description.
*/
.masthead {
  margin-bottom: 3rem;
  text-align: center;
  padding-top: 26px;
  padding-bottom: 1rem; }

.masthead-title {
  font-family: var(--serif-fonts);
  font-weight: normal;
  color: var(--accent-color-purple);
  font-size: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .masthead-title a {
    color: var(--accent-color-purple);
    text-decoration: none; }

.byline {
  font-size: 1.25rem; }

/* Page and Posts*/
.page {
  margin-bottom: 4em; }

.page-title {
  margin-top: 0; }

/*
  Sidebar

  The sidebar is the drawer, the item we are toggling with our handy hamburger button in the corner
  of the page.

  This particular sidebar implementation was inspired by Chris Coyier's "Offcanvas Menu with CSS
  Target" article, and the checkbox variation from the comments by a reader. It modifies both
  implementations to continue using the checkbox (no change in URL means no polluted browser
  history), but this uses `position` for the menu to avoid some potential content reflow issues.

  Source: http://css-tricks.com/off-canvas-menu-with-css-target/#comment-207504
*/
/* Style and "hide" the sidebar*/
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -14rem;
  width: 14rem;
  visibility: hidden;
  overflow-y: auto;
  font-size: 1rem;
  font-family: var(--serif-fonts);
  color: var(--main-text-color);
  border-right: 1px solid var(--hr-color);
  background-color: var(--bg-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/* Sidebar content*/
.sidebar a {
  font-weight: normal;
  color: var(--main-text-color); }

.sidebar-item {
  padding: 0.5rem 1rem; }

.sidebar-item p:last-child {
  margin-bottom: 0; }

/* Sidebar nav*/
.sidebar-nav {
  margin-top: 1rem; }

.sidebar-nav-item {
  display: block;
  padding: 0.5rem 1rem; }

@media (min-width: 48em) {
  .sidebar-item {
    padding: 1.5rem; }

  .sidebar-nav-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
/* Hide the sidebar checkbox that we toggle with `.sidebar-toggle`*/
.sidebar-checkbox {
  display: none; }

/* Style the `label` that we use to target the `.sidebar-checkbox`*/
.sidebar-toggle {
  position: absolute;
  top: 0.8rem;
  left: 1rem;
  display: block;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  cursor: pointer; }

.sidebar-toggle:before {
  display: inline-block;
  width: 1rem;
  height: 0.75rem;
  content: "";
  background-image: -webkit-linear-gradient(to bottom, var(--main-text-color), var(--main-text-color) 20%, var(--bg-color) 20%, var(--bg-color) 40%, var(--main-text-color) 40%, var(--main-text-color) 60%, var(--bg-color) 60%, var(--bg-color) 80%, var(--main-text-color) 80%, var(--main-text-color) 100%);
  background-image: -moz-linear-gradient(to bottom, var(--main-text-color), var(--main-text-color) 20%, var(--bg-color) 20%, var(--bg-color) 40%, var(--main-text-color) 40%, var(--main-text-color) 60%, var(--bg-color) 60%, var(--bg-color) 80%, var(--main-text-color) 80%, var(--main-text-color) 100%);
  background-image: -ms-linear-gradient(to bottom, var(--main-text-color), var(--main-text-color) 20%, var(--bg-color) 20%, var(--bg-color) 40%, var(--main-text-color) 40%, var(--main-text-color) 60%, var(--bg-color) 60%, var(--bg-color) 80%, var(--main-text-color) 80%, var(--main-text-color) 100%);
  background-image: linear-gradient(to bottom, var(--main-text-color), var(--main-text-color) 20%, var(--bg-color) 20%, var(--bg-color) 40%, var(--main-text-color) 40%, var(--main-text-color) 60%, var(--bg-color) 60%, var(--bg-color) 80%, var(--main-text-color) 80%, var(--main-text-color) 100%); }

.sidebar-toggle:active,
#sidebar-checkbox:focus ~ .sidebar-toggle,
#sidebar-checkbox:checked ~ .sidebar-toggle {
  color: var(--bg-color);
  background-color: var(--main-text-color); }

.sidebar-toggle:active:before,
#sidebar-checkbox:focus ~ .sidebar-toggle:before,
#sidebar-checkbox:checked ~ .sidebar-toggle:before {
  background-image: -webkit-linear-gradient(to bottom, var(--bg-color), var(--bg-color) 20%, var(--main-text-color) 20%, var(--main-text-color) 40%, var(--bg-color) 40%, var(--bg-color) 60%, var(--main-text-color) 60%, var(--main-text-color) 80%, var(--bg-color) 80%, var(--bg-color) 100%);
  background-image: -moz-linear-gradient(to bottom, var(--bg-color), var(--bg-color) 20%, var(--main-text-color) 20%, var(--main-text-color) 40%, var(--bg-color) 40%, var(--bg-color) 60%, var(--main-text-color) 60%, var(--main-text-color) 80%, var(--bg-color) 80%, var(--bg-color) 100%);
  background-image: -ms-linear-gradient(to bottom, var(--bg-color), var(--bg-color) 20%, var(--main-text-color) 20%, var(--main-text-color) 40%, var(--bg-color) 40%, var(--bg-color) 60%, var(--main-text-color) 60%, var(--main-text-color) 80%, var(--bg-color) 80%, var(--bg-color) 100%);
  background-image: linear-gradient(to bottom, var(--bg-color), var(--bg-color) 20%, var(--main-text-color) 20%, var(--main-text-color) 40%, var(--bg-color) 40%, var(--bg-color) 60%, var(--main-text-color) 60%, var(--main-text-color) 80%, var(--bg-color) 80%, var(--bg-color) 100%); }

@media (min-width: 30.1em) {
  .sidebar-toggle {
    position: fixed; } }
@media print {
  .sidebar-toggle {
    display: none; } }
/*
  Slide effect

  Handle the sliding effects of the sidebar and content in one spot, seperate from the default
  styles.

  As an a heads up, we don't use `transform: translate3d()` here because when mixed with
  `position: fixed;` for the sidebar toggle, it creates a new containing block. Put simply, the
  fixed sidebar toggle behaves like `position: absolute;` when transformed.

  Read more about it at http://meyerweb.com/eric/thoughts/2011/09/12/.
*/
.wrap,
.sidebar,
.sidebar-toggle {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.wrap,
.sidebar-toggle {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out; }

#sidebar-checkbox:checked + .sidebar {
  z-index: 10;
  visibility: visible; }

#sidebar-checkbox:checked ~ .sidebar,
#sidebar-checkbox:checked ~ .wrap,
#sidebar-checkbox:checked ~ .sidebar-toggle {
  -webkit-transform: translateX(14rem);
  -ms-transform: translateX(14rem);
  transform: translateX(14rem); }

/*
  Reverse layout

  Flip the orientation of the page by placing the `.sidebar` and sidebar toggle
  on the right side.
*/
.layout-reverse .sidebar {
  left: auto;
  right: -14rem; }

.layout-reverse .sidebar-toggle {
  left: auto;
  right: 1rem; }

.layout-reverse #sidebar-checkbox:checked ~ .sidebar,
.layout-reverse #sidebar-checkbox:checked ~ .wrap,
.layout-reverse #sidebar-checkbox:checked ~ .sidebar-toggle {
  -webkit-transform: translateX(-14rem);
  -ms-transform: translateX(-14rem);
  transform: translateX(-14rem); }

/*
  Overlay sidebar

  Make the sidebar content overlay the viewport content instead of pushing it
  aside when toggled.
*/
.sidebar-overlay #sidebar-checkbox:checked ~ .wrap {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

/*
  Themes

  Applies custom color schemes by adding the appropriate class to the `body`. Based on colors from
  Base16: http://chriskempson.github.io/base16/#default.
*/
/* Red*/
.theme-base-red .sidebar,
.theme-base-red .sidebar-toggle:active,
.theme-base-red #sidebar-checkbox:checked ~ .sidebar-toggle {
  background-color: #ac4142; }

.theme-base-red .container a,
.theme-base-red .sidebar-toggle,
.theme-base-red .related-posts li a:hover {
  color: #ac4142; }

/* Orange*/
.theme-base-orange .sidebar,
.theme-base-orange .sidebar-toggle:active {
  background-color: #d28445; }

.theme-base-orange .container a,
.theme-base-orange .sidebar-toggle,
.theme-base-orange .related-posts li a:hover {
  color: #d28445; }

/* Green*/
.theme-base-green .sidebar,
.theme-base-green .sidebar-toggle:active {
  background-color: #90a959; }

.theme-base-green .container a,
.theme-base-green .sidebar-toggle,
.theme-base-green .related-posts li a:hover {
  color: #90a959; }

/* Cyan*/
.theme-base-cyan .sidebar,
.theme-base-cyan .sidebar-toggle:active {
  background-color: #75b5aa; }

.theme-base-cyan .container a,
.theme-base-cyan .sidebar-toggle,
.theme-base-cyan .related-posts li a:hover {
  color: #75b5aa; }

/* Blue*/
.theme-base-blue .sidebar,
.theme-base-blue .sidebar-toggle:active {
  background-color: #6a9fb5; }

.theme-base-blue .container a,
.theme-base-blue .sidebar-toggle,
.theme-base-blue .related-posts li a:hover {
  color: #6a9fb5; }

/* Magenta*/
.theme-base-magenta .sidebar,
.theme-base-magenta .sidebar-toggle:active {
  background-color: #aa759f; }

.theme-base-magenta .container a,
.theme-base-magenta .sidebar-toggle,
.theme-base-magenta .related-posts li a:hover {
  color: #aa759f; }

/* Brown*/
.theme-base-brown .sidebar,
.theme-base-brown .sidebar-toggle:active {
  background-color: #8f5536; }

.theme-base-brown .container a,
.theme-base-brown .sidebar-toggle,
.theme-base-brown .related-posts li a:hover {
  color: #8f5536; }

/*
 ED SPECIAL LAYOUTS
*/
p.centered {
  text-align: center; }

p.larger {
  font-size: 1.6rem; }

p.large {
  font-size: 1.4rem; }

p.small {
  font-size: 0.8rem; }

div.poem,
div.narrative {
  margin-bottom: 5rem; }

div.toc {
  margin-bottom: 4rem; }

/*
  Poem styles

  If you want your lines not to wrap on small screens, add the rule "white-space: nowrap;"; If you
  want you want to remove the hanging indent, reset the padding-left to 0 and erase text-indent
*/
.poetry ul,
ul.poetry {
  list-style: none;
  list-style-type: none;
  padding-left: 1rem;
  text-indent: -1rem; }

/* This snippet helps us reset the margin for all spans with the indent- class*/
.poetry span[class^="indent-"] {
  margin: 0;
  /* reset browsers default margin styles*/ }

/*
  To set line indentation for poetry wrap the line in a span, with a class="indent-x" attribute.
  The x is represents an rem (root em) value
*/
.indent-1 {
  font-style: normal;
  padding-left: 1rem; }

.indent-2 {
  font-style: normal;
  padding-left: 2rem; }

.indent-3 {
  font-style: normal;
  padding-left: 3rem; }

.indent-4 {
  font-style: normal;
  padding-left: 4rem; }

.indent-5 {
  font-style: normal;
  padding-left: 5rem; }

.indent-6 {
  font-style: normal;
  padding-left: 6rem; }

.indent-7 {
  font-style: normal;
  padding-left: 7rem; }

.indent-8 {
  font-style: normal;
  padding-left: 8rem; }

.indent-9 {
  font-style: normal;
  padding-left: 9rem; }

.indent-10 {
  font-style: normal;
  padding-left: 10rem; }

/* Footnotes styles*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

.footnotes {
  line-height: 1.2rem;
  font-size: 1rem; }

.footnotes .foot-block {
  display: inline-block;
  padding: 0 4rem 0 2rem;
  margin-bottom: 0.8rem;
  font-style: italic; }

a.footnote {
  padding-left: 0.1rem;
  font-size: 0.8rem; }

/*Bibliography styles*/
ol.bibliography {
  list-style-type: none;
  padding-left: 1rem;
  text-indent: -1rem; }

/* Diplomatic editions*/
.add {
  color: #288828;
  font-style: italic; }

.delete {
  text-decoration: line-through;
  color: #aa3232; }

.underline {
  text-decoration: underline; }

/*
  Line layouts for prose-poetry and theater

  To use these layouts you need to add the classes to your markdown or HTML lines.
  (ex. "- {:.centered} hello!")
*/
li.centered {
  text-align: center; }

li.speaker,
li.speakerGroup {
  text-align: center;
  padding-top: 1.2em; }

li.speakerGroup {
  margin-bottom: -1.6em; }

li.attribution {
  text-align: right;
  list-style: none;
  padding: 0rem 1.5rem 0rem 2rem;
  margin: 0 0 20px 0;
  color: #454545; }

li.prose {
  list-style-position: inside;
  margin-left: -1em;
  text-indent: 0; }

li.prose-indent {
  text-indent: 2rem; }

.post-item {
  padding: 10px 0; }

.post-item:not(:last-child) {
  border-bottom: 1px solid var(--hr-color); }

.post-list h2,
.post-list h3 {
  font-family: var(--serif-fonts); }
.post-list h3.title-text {
  margin: 0 20px 0 0;
  display: inline; }
  .post-list h3.title-text a {
    text-decoration: none; }

.post-info {
  display: flex;
  align-items: baseline;
  justify-content: space-between; }

.post-date {
  font-family: var(--sans-serif-fonts);
  display: flex;
  flex-shrink: 0;
  font-size: 0.8rem; }

.post-excerpt {
  font-family: var(--serif-fonts);
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0; }

.archived-posts {
  margin-top: 20px; }

.gallery {
  display: flex; }

.gallery-image {
  flex: 1; }

.note {
  background-color: var(--note-background-color);
  border: 1px solid var(--main-text-color);
  padding: 1.5rem;
  margin-bottom: 3rem; }

.transcript-speaker {
  background-color: var(--note-background-color);
  padding: 2px;
  margin-right: 5px; }
  .transcript-speaker a {
    color: var(--main-text-color); }

.transcript-note {
  color: var(--note-text-color);
  font-style: italic; }
  .transcript-note a:hover {
    color: var(--note-text-hover-color); }

.tweet {
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .tweet a.tweet-link {
    text-decoration: none;
    color: var(--accent-color-purple);
    cursor: pointer;
    margin-right: 10px; }
  .tweet iframe {
    max-width: 100%; }
  .tweet p {
    margin-bottom: 0.5rem; }

[data-theme="dark"] .light-background {
  background-color: var(--image-light-background-color);
  padding: 5px; }

@media (prefers-color-scheme: dark) {
  .light-background {
    background-color: var(--image-light-background-color);
    padding: 5px; } }
.blog-images-horizontal,
.blog-images-single {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px; }
  .blog-images-horizontal .image,
  .blog-images-horizontal .image img,
  .blog-images-single .image,
  .blog-images-single .image img {
    object-fit: contain;
    max-height: 300px; }
  .blog-images-horizontal .image:not(:first-child),
  .blog-images-single .image:not(:first-child) {
    margin-left: 10px; }

.blog-images-horizontal.wide,
.blog-images-single.wide {
  flex-direction: column; }
  .blog-images-horizontal.wide .image:not(:first-child),
  .blog-images-single.wide .image:not(:first-child) {
    margin-left: 0px;
    margin-top: 10px; }

.blog-images-horizontal.tall .image,
.blog-images-horizontal.tall .image img,
.blog-images-single.tall .image,
.blog-images-single.tall .image img {
  max-height: 500px; }

.blog-images-single.full-width .image,
.blog-images-single.full-width .image img {
  width: 100%;
  max-height: none; }

.blog-images-float {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px; }
  .blog-images-float .image {
    max-width: 300px; }
    .blog-images-float .image img {
      max-height: 300px; }

@media (max-width: 480px) {
  .blog-images-float {
    float: none;
    margin-left: 0; }
    .blog-images-float .image,
    .blog-images-float .image img {
      max-width: none;
      width: 100%;
      margin: 0 auto; } }
.with-caption {
  display: flex;
  flex-direction: column; }
  .with-caption img {
    margin-bottom: 0.5rem; }
  .with-caption .caption {
    text-align: center;
    font-style: italic;
    font-size: 0.8em;
    padding: 5px 0; }

.disclosure {
  font-size: 1rem;
  font-style: italic;
  margin-top: 3rem; }

.copyright-footer {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 1em;
  height: auto; }

.inserted-note {
  font-size: 80%;
  color: var(--note-text-color); }
  .inserted-note a {
    color: var(--note-text-color); }
    .inserted-note a:hover {
      color: var(--note-text-hover-color); }

.center {
  display: flex;
  justify-content: center;
  align-items: center; }

.margin-0-auto {
  margin: 0 auto; }

.help-text {
  font-size: 0.9rem;
  font-style: italic;
  color: var(--note-text-color); }
  .help-text a:hover {
    color: var(--note-text-hover-color); }

.timestamp,
.timestamp a {
  font-size: 0.8rem;
  color: var(--timestamp-color);
  text-decoration: none; }

.twitter-tweet {
  margin-left: auto;
  margin-right: auto; }

.post-navigation {
  display: flex;
  justify-content: space-between;
  font-size: smaller; }

.copyright-footer {
  text-align: center; }

.highlight .hll {
  background-color: #ffc; }

.highlight .c {
  color: #999; }

/* Comment */
.highlight .err {
  color: #a00;
  background-color: #faa; }

/* Error */
.highlight .k {
  color: #069; }

/* Keyword */
.highlight .o {
  color: #555; }

/* Operator */
.highlight .cm {
  color: #09f;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #099; }

/* Comment.Preproc */
.highlight .c1 {
  color: #999; }

/* Comment.Single */
.highlight .cs {
  color: #999; }

/* Comment.Special */
.highlight .gd {
  background-color: #fcc;
  border: 1px solid #c00; }

/* Generic.Deleted */
.highlight .ge {
  font-style: italic; }

/* Generic.Emph */
.highlight .gr {
  color: #f00; }

/* Generic.Error */
.highlight .gh {
  color: #030; }

/* Generic.Heading */
.highlight .gi {
  background-color: #cfc;
  border: 1px solid #0c0; }

/* Generic.Inserted */
.highlight .go {
  color: #aaa; }

/* Generic.Output */
.highlight .gp {
  color: #009; }

/* Generic.Prompt */
/* Generic.Strong */
.highlight .gu {
  color: #030; }

/* Generic.Subheading */
.highlight .gt {
  color: #9c6; }

/* Generic.Traceback */
.highlight .kc {
  color: #069; }

/* Keyword.Constant */
.highlight .kd {
  color: #069; }

/* Keyword.Declaration */
.highlight .kn {
  color: #069; }

/* Keyword.Namespace */
.highlight .kp {
  color: #069; }

/* Keyword.Pseudo */
.highlight .kr {
  color: #069; }

/* Keyword.Reserved */
.highlight .kt {
  color: #078; }

/* Keyword.Type */
.highlight .m {
  color: #f60; }

/* Literal.Number */
.highlight .s {
  color: #d44950; }

/* Literal.String */
.highlight .na {
  color: #4f9fcf; }

/* Name.Attribute */
.highlight .nb {
  color: #366; }

/* Name.Builtin */
.highlight .nc {
  color: #0a8; }

/* Name.Class */
.highlight .no {
  color: #360; }

/* Name.Constant */
.highlight .nd {
  color: #99f; }

/* Name.Decorator */
.highlight .ni {
  color: #999; }

/* Name.Entity */
.highlight .ne {
  color: #c00; }

/* Name.Exception */
.highlight .nf {
  color: #c0f; }

/* Name.Function */
.highlight .nl {
  color: #99f; }

/* Name.Label */
.highlight .nn {
  color: #0cf; }

/* Name.Namespace */
.highlight .nt {
  color: #2f6f9f; }

/* Name.Tag */
.highlight .nv {
  color: #033; }

/* Name.Variable */
.highlight .ow {
  color: #000; }

/* Operator.Word */
.highlight .w {
  color: #bbb; }

/* Text.Whitespace */
.highlight .mf {
  color: #f60; }

/* Literal.Number.Float */
.highlight .mh {
  color: #f60; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #f60; }

/* Literal.Number.Integer */
.highlight .mo {
  color: #f60; }

/* Literal.Number.Oct */
.highlight .sb {
  color: #c30; }

/* Literal.String.Backtick */
.highlight .sc {
  color: #c30; }

/* Literal.String.Char */
.highlight .sd {
  color: #c30;
  font-style: italic; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #c30; }

/* Literal.String.Double */
.highlight .se {
  color: #c30; }

/* Literal.String.Escape */
.highlight .sh {
  color: #c30; }

/* Literal.String.Heredoc */
.highlight .si {
  color: #a00; }

/* Literal.String.Interpol */
.highlight .sx {
  color: #c30; }

/* Literal.String.Other */
.highlight .sr {
  color: #3aa; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #c30; }

/* Literal.String.Single */
.highlight .ss {
  color: #fc3; }

/* Literal.String.Symbol */
.highlight .bp {
  color: #366; }

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #033; }

/* Name.Variable.Class */
.highlight .vg {
  color: #033; }

/* Name.Variable.Global */
.highlight .vi {
  color: #033; }

/* Name.Variable.Instance */
.highlight .il {
  color: #f60; }

/* Literal.Number.Integer.Long */
.css .o,
.css .o + .nt,
.css .nt + .nt {
  color: #999; }

/* Transfered from poole.css */
/* Code */
code,
pre {
  font-family: var(--monospace-fonts); }

code {
  padding: .25em .5em;
  font-size: 85%;
  color: #bf616a;
  background-color: var(--code-background-color);
  border-radius: 3px; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 1rem;
  font-size: .8rem;
  line-height: 1.4;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f9f9f9; }

pre code {
  padding: 0;
  font-size: 100%;
  color: inherit;
  background-color: transparent; }

/* Gist via GitHub Pages */
.gist .gist-file {
  font-family: var(--monospace-fonts) !important; }

.gist .markdown-body {
  padding: 15px; }

.gist pre {
  padding: 0;
  background-color: transparent; }

.gist .gist-file .gist-data {
  font-size: .8rem !important;
  line-height: 1.4; }

.gist code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border-radius: 0; }

/* Pygments via Jekyll */
.highlight {
  margin-bottom: 1rem;
  border-radius: 4px; }

.highlight pre {
  margin-bottom: 0; }