@charset "UTF-8";
/* Hide the blog title and post titles while web fonts are loading */
.wf-loading .title {
  visibility: hidden; }

@media(prefers-color-scheme: dark) {
  body {
    background: black;
    color: #eee; }
    body a {
      border-bottom: 1px solid rgba(60, 80, 17, 0.46); }
      body a:link, body a:visited {
        color: #a0a871; }
      body a:hover {
        color: #868e57; } }
@media(prefers-color-scheme: light) {
  body {
    background: #fff;
    color: #333; }
    body a {
      border-bottom: 1px solid rgba(60, 80, 17, 0.46);
      color: #3C5011; }
      body a:link, body a:visited {
        color: #3C5011; }
      body a:hover {
        color: #1c2608; } }
.site {
  font-size: 115%;
  font-weight: 300;
  text-align: left;
  width: 44em;
  margin: 3em auto 2em;
  line-height: 1.5em; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .site {
      margin: 0 auto;
      padding: 1.5em 2em; } }
  .site .header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 0.5em; }
    .site .header a {
      font-weight: 400;
      border-bottom-width: 0; }
    .site .header h1.site-title {
      display: inline-block;
      margin-bottom: 0; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
        .site .header h1.site-title {
          display: block;
          margin-bottom: 1em;
          text-align: center;
          font-size: 2.4em;
          letter-spacing: 0.1em; } }
      @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
        .site .header h1.site-title {
          margin: 0; } }
      .site .header h1.site-title a {
        vertical-align: bottom;
        font-size: 1.7em;
        font-style: italic;
        font-weight: 300; }
        .site .header h1.site-title a:hover:after {
          content: " ← home";
          font-size: 0.6em; }
@media(prefers-color-scheme: dark) {
  .site .header h1.site-title a:hover:after {
    color: #eee; } }
@media(prefers-color-scheme: light) {
  .site .header h1.site-title a:hover:after {
    color: #888; } }
        @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
          .site .header h1.site-title a {
            font-weight: 400; } }
    .site .header nav {
      display: block;
      float: right;
      font-size: 1.2em;
      font-weight: 400;
      line-height: 2.5; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
        .site .header nav {
          font-size: 2.2em;
          margin: 0;
          position: fixed;
          top: auto;
          bottom: 0;
          width: 100%;
          height: 1em;
          padding: 0.7em 0 2.3em;
          left: 0; }
          .site .header nav a {
            padding: 0.6em 0.9em 0.6em;
            border-radius: 5%; }
        @media(prefers-color-scheme: dark) {
          .site .header nav {
            border-top: 1px solid rgba(0, 0, 0, 0.4);
            background: #111; }
            .site .header nav a {
              background-color: #333; } }
        @media(prefers-color-scheme: light) {
          .site .header nav {
            border-top: 1px solid rgba(0, 0, 0, 0.4);
            background: #fff; }
            .site .header nav a {
              background-color: #eee; } } }
      @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
        .site .header nav {
          font-size: 2em;
          margin: 0;
          position: fixed;
          top: auto;
          bottom: 0;
          width: 100%;
          height: 1em;
          padding: 0.5em 0 2em;
          left: 0; }
          .site .header nav a {
            border-radius: 5%; }
        @media(prefers-color-scheme: dark) {
          .site .header nav {
            background: #111; } }
        @media(prefers-color-scheme: light) {
          .site .header nav {
            background: #fff; } } }
      .site .header nav ul {
        display: inline-block;
        list-style: none;
        text-align: right;
        margin: 0;
        padding: 0; }
        @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
          .site .header nav ul {
            margin: 0 auto;
            display: block;
            text-align: center; } }
        @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
          .site .header nav ul {
            margin: 0 auto;
            display: block;
            text-align: center; } }
        .site .header nav ul li {
          margin-left: 0.5em;
          display: inline-block;
          font-size: 1em; }
          @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
            .site .header nav ul li {
              margin-left: 0;
              margin-right: 0.3em;
              padding: 0;
              line-height: 1.7;
              margin-bottom: 0.8em; }
              .site .header nav ul li:last-child {
                margin-right: 0; } }
          @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
            .site .header nav ul li a {
              padding: 0.4em 0.8em; }
            @media(prefers-color-scheme: dark) {
              .site .header nav ul li a {
                background-color: #333; } }
            @media(prefers-color-scheme: light) {
              .site .header nav ul li a {
                background-color: #eee; } } }
    .site .header .bio {
      margin-top: 0;
      margin-bottom: 0;
      line-height: 1.2; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait), only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
        .site .header .bio {
          display: none; } }
  .site h2 {
    font-size: 2.5em;
    font-weight: 900;
    margin-bottom: 0;
    line-height: 1.2; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
      .site h2 {
        font-size: 3.5em; } }
    @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
      .site h2 {
        font-size: 350%; } }
  .site h3 {
    font-size: 1.7em; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
      .site h3 {
        font-size: 2.4em; } }
  .site h4 {
    font-size: 1.2em; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
      .site h4 {
        font-size: 2em; } }
  .site p {
    font-size: 1.4em;
    line-height: 1.4; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait), only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
      .site p {
        font-size: 2.2em; } }
  .site .footer {
    font-size: 1em;
    overflow: hidden;
    text-align: center; }
@media(prefers-color-scheme: dark) {
  .site .footer {
    color: #eee;
    border-top: 1px solid #333; } }
@media(prefers-color-scheme: light) {
  .site .footer {
    color: #777;
    border-top: 1px solid #eee; } }
    @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
      .site .footer {
        padding-bottom: 3em;
        margin-bottom: 3em; } }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
      .site .footer {
        font-size: 1.1em;
        line-height: 1.5;
        padding-bottom: 3em;
        margin-bottom: 3em; } }
    .site .footer .contact {
      float: left;
      margin-right: 3em; }
      .site .footer .contact a {
        color: #8085C1; }
    .site .footer .rss {
      margin-top: 1.1em;
      margin-right: -0.2em;
      float: right; }
      .site .footer .rss img {
        border: 0; }

.header + div {
  clear: both;
  margin-top: 0.1em; }

.header + h2 {
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.site > div h2, .site > div h3, .site > div h4, .site > div h5 {
  margin-left: -0.5em; }
  .site > div h2:hover .anchor, .site > div h2:focus .anchor, .site > div h3:hover .anchor, .site > div h3:focus .anchor, .site > div h4:hover .anchor, .site > div h4:focus .anchor, .site > div h5:hover .anchor, .site > div h5:focus .anchor {
    opacity: 1; }
  .site > div h2 .anchor, .site > div h3 .anchor, .site > div h4 .anchor, .site > div h5 .anchor {
    float: left;
    padding: 1em 0.4em 1em 0.3em;
    margin: -1em -0.3em -1em -0.5em;
    font-style: normal;
    font-weight: normal;
    opacity: 0;
    border: none;
    transition: opacity 0.1s ease-in-out 0.1s; }
  .site > div h2 .anchor::before, .site > div h3 .anchor::before, .site > div h4 .anchor::before, .site > div h5 .anchor::before {
    content: "¶"; }

.site p > img, .site figure > img, .site figure > video {
  max-width: 100%;
  display: block;
  margin: 0 auto; }
.site figure {
  margin-inline-start: 0;
  margin-inline-end: 0; }
  .site figure video.zoot {
    border: 0.75rem solid #2D8CFF;
    border-radius: 1.5rem;
    max-width: 75%; }
    .site figure video.zoot:before {
      color: white;
      content: "HELLO"; }
.site figure figcaption {
  margin-top: 1em;
  font-size: 0.8em;
  font-style: italic;
  font-weight: 400;
  text-align: center; }

.speakerdeck-embed-wrapper {
  max-width: 100%; }

.highlight {
  background-color: #002b36;
  color: #93a1a1; }
  .highlight .c {
    color: #586e75; }
  .highlight .err, .highlight .g {
    color: #93a1a1; }
  .highlight .k {
    color: #859900; }
  .highlight .l, .highlight .n {
    color: #93a1a1; }
  .highlight .o {
    color: #859900; }
  .highlight .x {
    color: #cb4b16; }
  .highlight .p {
    color: #93a1a1; }
  .highlight .cm {
    color: #586e75; }
  .highlight .cp {
    color: #859900; }
  .highlight .c1 {
    color: #586e75; }
  .highlight .cs {
    color: #859900; }
  .highlight .gd {
    color: #2aa198; }
  .highlight .ge {
    color: #93a1a1;
    font-style: italic; }
  .highlight .gr {
    color: #dc322f; }
  .highlight .gh {
    color: #cb4b16; }
  .highlight .gi {
    color: #859900; }
  .highlight .go, .highlight .gp {
    color: #93a1a1; }
  .highlight .gs {
    color: #93a1a1;
    font-weight: bold; }
  .highlight .gu {
    color: #cb4b16; }
  .highlight .gt {
    color: #93a1a1; }
  .highlight .kc {
    color: #cb4b16; }
  .highlight .kd {
    color: #268bd2; }
  .highlight .kn, .highlight .kp {
    color: #859900; }
  .highlight .kr {
    color: #268bd2; }
  .highlight .kt {
    color: #dc322f; }
  .highlight .ld {
    color: #93a1a1; }
  .highlight .m, .highlight .s {
    color: #2aa198; }
  .highlight .na {
    color: #93a1a1; }
  .highlight .nb {
    color: #B58900; }
  .highlight .nc {
    color: #268bd2; }
  .highlight .no {
    color: #cb4b16; }
  .highlight .nd {
    color: #268bd2; }
  .highlight .ni, .highlight .ne {
    color: #cb4b16; }
  .highlight .nf {
    color: #268bd2; }
  .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py {
    color: #93a1a1; }
  .highlight .nt, .highlight .nv {
    color: #268bd2; }
  .highlight .ow {
    color: #859900; }
  .highlight .w {
    color: #93a1a1; }
  .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
    color: #2aa198; }
  .highlight .sb {
    color: #586e75; }
  .highlight .sc {
    color: #2aa198; }
  .highlight .sd {
    color: #93a1a1; }
  .highlight .s2 {
    color: #2aa198; }
  .highlight .se {
    color: #cb4b16; }
  .highlight .sh {
    color: #93a1a1; }
  .highlight .si, .highlight .sx {
    color: #2aa198; }
  .highlight .sr {
    color: #dc322f; }
  .highlight .s1, .highlight .ss {
    color: #2aa198; }
  .highlight .bp, .highlight .vc, .highlight .vg, .highlight .vi {
    color: #268bd2; }
  .highlight .il {
    color: #2aa198; }

/* Comment */
/* Error */
/* Generic */
/* Keyword */
/* Literal */
/* Name */
/* Operator */
/* Other */
/* Punctuation */
/* Comment.Multiline */
/* Comment.Preproc */
/* Comment.Single */
/* Comment.Special */
/* Generic.Deleted */
/* Generic.Emph */
/* Generic.Error */
/* Generic.Heading */
/* Generic.Inserted */
/* Generic.Output */
/* Generic.Prompt */
/* Generic.Strong */
/* Generic.Subheading */
/* Generic.Traceback */
/* Keyword.Constant */
/* Keyword.Declaration */
/* Keyword.Namespace */
/* Keyword.Pseudo */
/* Keyword.Reserved */
/* Keyword.Type */
/* Literal.Date */
/* Literal.Number */
/* Literal.String */
/* Name.Attribute */
/* Name.Builtin */
/* Name.Class */
/* Name.Constant */
/* Name.Decorator */
/* Name.Entity */
/* Name.Exception */
/* Name.Function */
/* Name.Label */
/* Name.Namespace */
/* Name.Other */
/* Name.Property */
/* Name.Tag */
/* Name.Variable */
/* Operator.Word */
/* Text.Whitespace */
/* Literal.Number.Float */
/* Literal.Number.Hex */
/* Literal.Number.Integer */
/* Literal.Number.Oct */
/* Literal.String.Backtick */
/* Literal.String.Char */
/* Literal.String.Doc */
/* Literal.String.Double */
/* Literal.String.Escape */
/* Literal.String.Heredoc */
/* Literal.String.Interpol */
/* Literal.String.Other */
/* Literal.String.Regex */
/* Literal.String.Single */
/* Literal.String.Symbol */
/* Name.Builtin.Pseudo */
/* Name.Variable.Class */
/* Name.Variable.Global */
/* Name.Variable.Instance */
/* Literal.Number.Integer.Long */
html {
  height: 100%; }

body {
  height: 100%;
  font-family: "Lato", sans-serif;
  font-size: 13.34px;
  text-align: center; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

h1 {
  margin-bottom: 1em; }

p {
  margin: 1em 0; }

a {
  text-decoration: none; }

table {
  font-size: inherit;
  font: 100%; }

#mug {
  width: 30%;
  height: 30%;
  float: left;
  margin: 0 1.4em 0 0; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    #mug {
      margin-top: 1em; } }
  #mug a {
    display: block;
    border-bottom: none; }
  #mug img {
    width: 100%;
    border-radius: 3%; }
  #mug figcaption {
    font-style: italic;
    font-size: 0.7em;
    visibility: hidden;
    text-align: center;
    margin-top: -0.3em; }

#mug:hover figcaption {
  visibility: visible; }

.site .header + .draft {
  font-weight: 900;
  text-align: right;
  color: orangered; }
  .site .header + .draft::before {
    content: "⚠ ";
    font-style: normal;
    font-size: 1.2em;
    vertical-align: bottom; }
.site .post, .site .tool {
  clear: both;
  font-size: 1.4em;
  line-height: 1.5; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .site .post, .site .tool {
      font-size: 220%; } }
  @media only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
    .site .post, .site .tool {
      font-size: 150%; } }
  @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .site .post, .site .tool {
      font-size: 170%; } }
  .site .post h2, .site .tool h2 {
    font-size: 1.1em;
    margin-top: 1.5em;
    margin-bottom: 1em; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
      .site .post h2, .site .tool h2 {
        margin-top: 1em; } }
  .site .post h3, .site .tool h3 {
    font-size: 1em; }
  .site .post h4, .site .tool h4 {
    font-size: 0.9em; }
  .site .post p, .site .tool p {
    font-size: 1em;
    font-weight: 300; }
  .site .post a.footnote, .site .tool a.footnote {
    margin-left: 0.15em; }
  .site .post ul, .site .post ol, .site .tool ul, .site .tool ol {
    margin-left: 1.35em; }
  .site .post p > code, .site .post li > code, .site .tool p > code, .site .tool li > code {
    padding: 0.15em 0.3em 0.15em 0.4em;
    font-size: 0.85em;
    border-radius: 0.3em;
    display: inline-block;
    line-height: 1; }
@media(prefers-color-scheme: dark) {
  .site .post p > code, .site .post li > code, .site .tool p > code, .site .tool li > code {
    background-color: #111;
    color: #888;
    border: 1px solid #333; } }
@media(prefers-color-scheme: light) {
  .site .post p > code, .site .post li > code, .site .tool p > code, .site .tool li > code {
    background-color: #fff7cc;
    color: #888;
    border: 1px solid #eee; } }
  .site .post [rel=explanation], .site .tool [rel=explanation] {
    border-bottom: 1px dashed black;
    cursor: help; }
  .site .post > table, .site .tool > table {
    margin: 0 auto;
    border-collapse: separate; }
    .site .post > table td, .site .post > table th, .site .tool > table td, .site .tool > table th {
      padding: 0 0.4em; }
      .site .post > table td:first-child, .site .post > table th:first-child, .site .tool > table td:first-child, .site .tool > table th:first-child {
        text-align: right; }
      .site .post > table td img, .site .post > table th img, .site .tool > table td img, .site .tool > table th img {
        vertical-align: middle; }

.post blockquote {
  padding-left: 2em; }

.editors a:after, .reviewers a:after {
  content: ", "; }
.editors a:last-child:after, .reviewers a:last-child:after {
  content: ""; }

.viewport-height-blank {
  display: block;
  padding: 50% 0;
  content: ""; }

span.reading-time {
  float: right;
  line-height: 1;
  margin: 0 0 1em 0;
  text-align: center;
  width: auto;
  padding: 0.5em 1.1em;
  font-weight: 400;
  border-radius: 0.6em; }
@media(prefers-color-scheme: dark) {
  span.reading-time {
    background-color: #111;
    color: #777; } }
@media(prefers-color-scheme: light) {
  span.reading-time {
    background-color: #777;
    color: #fff; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    span.reading-time {
      display: inline-block;
      font-size: 2em;
      text-align: center;
      margin-bottom: 1em;
      font-weight: 700; } }

.meta {
  color: #777;
  float: left;
  font-size: 1em;
  line-height: 1.3;
  margin-top: 0; }
  .meta a:link, .meta a:visited, .meta a:hover, .meta a:active {
    border: none;
    color: #666; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait), only screen and (min-device-width: 760px) and (max-device-width: 1020px) and (orientation: portrait) {
    .meta {
      font-size: 2em;
      font-weight: 700; } }

.subscribe {
  margin-top: 2em;
  padding: 0.1em 2em;
  text-align: center; }
@media(prefers-color-scheme: dark) {
  .subscribe {
    color: #777;
    border-top: 1px solid #333;
    background-color: #111; } }
@media(prefers-color-scheme: light) {
  .subscribe {
    color: #777;
    border-top: 1px solid #eee;
    background-color: #fff7cc; } }
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

figure.audio figcaption {
  text-align: left;
  float: right;
  line-height: 0;
  margin: 1em; }

.footnotes {
  border-top: 1px solid white;
  margin-top: 2em; }

.compare {
  width: 100%;
  display: block;
  clear: both; }
  .compare:afer {
    width: 100%;
    display: block;
    clear: both; }
  .compare div {
    width: 49%;
    display: block;
    overflow: hidden;
    float: left; }
    .compare div img {
      display: block;
      width: 200%;
      margin-left: -50%; }
  .compare figcaption {
    clear: left; }

.guide ul, .guide ol {
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0; }
.guide dl dt, .guide h3 {
  clear: left; }
.guide dl dd {
  margin-left: 0;
  line-height: 1.6; }
.guide dl img {
  width: 305px;
  float: left;
  display: inline-block;
  margin: 1em 1em 1em 0; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .guide dl img {
      width: 145px; } }
.guide h3 {
  font-size: 1em; }
.guide h4 {
  font-size: 1.5em; }
.guide .venue-images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
.guide .venue img {
  width: 165px;
  height: 165px;
  flex: 0 4 auto; }

#home {
  width: 100%;
  display: table;
  clear: both;
  margin-bottom: 2em; }
  #home h1 {
    font-weight: bold;
    font-size: 1.4em;
    text-align: right;
    margin-bottom: 0; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
      #home h1 {
        text-align: left;
        font-size: 3.4em;
        margin-bottom: 1em; } }
  #home h1 + h2 {
    margin-top: 0; }
  #home .posts {
    width: 100%;
    font-size: 1.3em; }
    #home .posts tr {
      height: 2em;
      line-height: 1.3;
      margin-bottom: 2em; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
        #home .posts tr {
          font-size: 2em; } }
    #home .posts td.title {
      font-weight: 400;
      width: 80%; }
    #home .posts td.draft a {
      color: red; }
    #home .posts td.time {
      width: 20%;
      text-align: right;
      vertical-align: middle; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
        #home .posts td.time {
          display: none; } }
    #home .posts time {
      color: #aaa;
      font-size: 0.9em; }

.feature {
  font-size: 1.7em;
  padding-top: 1em;
  display: block;
  text-align: center;
  margin: 1em; }

.draft-marker {
  padding: 0.2em 0.2em 0 0; }

#tool #post h3 {
  margin-bottom: 0; }
#tool #post ol, #tool #post ul {
  margin-left: 0.75em; }

.tools {
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 2em;
  margin-left: 1em;
  font-size: 1.2em; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .tools {
      font-size: 2em; } }
  .tools li {
    line-height: 1.75em; }
  .tools time {
    float: right;
    color: #aaa;
    font-size: 0.9em; }

#talk #post h3 {
  margin-bottom: 0; }
#talk #post ol, #talk #post ul {
  margin-left: 0.75em; }

.talks {
  margin-top: 0;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 2em;
  margin-left: 1em;
  font-size: 1.2em; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .talks {
      font-size: 2em; } }
  .talks li {
    line-height: 1.75em; }
  .talks time {
    float: right;
    color: #aaa;
    font-size: 0.9em; }

figure.code {
  margin: 0 1em;
  padding: 0; }

.highlight {
  font-size: 0.9em;
  font-family: "SourceCodePro-Regular", Monaco, "Courier New", monospace;
  border-radius: 5px;
  overflow: scroll;
  margin: 1em 0;
  padding: 0; }
  .highlight pre code {
    display: inline-table;
    border: none; }
  .highlight pre.terminal {
    border: 1px solid #000;
    background-color: #888;
    color: #fff; }
    .highlight pre.terminal code {
      background-color: #888; }
  .highlight table {
    border-spacing: 0; }
  .highlight .rouge-code {
    padding: 1em 0.7em 1em; }
  .highlight .rouge-code, .highlight pre {
    margin: 0; }
  .highlight .rouge-gutter {
    background-color: #043d4c;
    padding-left: 0.7em;
    padding-right: 0.6em;
    text-align: right;
    white-space: initial; }

.lines.highlight {
  width: 100%; }

.gist .k {
  color: #F8F8F2 !important; }