#content {
  .codediv,
  .terminal {
    code,
    pre,
    samp,
    kbd {
      color: white;
      font-family: "Terminus";
    }

    pre {
      counter-reset: line;
      font-size: 16px !important;
      white-space: pre !important;
      width: 1px;

      span::before {
        counter-increment: line;
        content: counter(line);
        padding: 0 8px;
        margin-right: 5px;
        color: #888;
      }
    }
  }

  code,
  li code {
    font-family: terminus;
  }

  pre.terminal {
    margin: 12px;
  }

  div.highlighter-rouge > div.highlight > pre.highlight > code,
  pre.terminal > kbd {
    .gh {
      color: #999999;
    }

    .go {
      color: #888888;
    }

    .gp {
      color: #555555;
    }

    .ge {
      font-style: italic;
    }

    .ges {
      font-weight: bold;
      font-style: italic;
    }

    .gs {
      font-weight: bold;
    }

    .gu {
      color: #aaaaaa;
    }

    .nb, .sr {
      color: #f6aa11;
    }
    .cm, .cp, .c1, .cs, .c, .ch, .cd, .cpf {
      color: #9d9985;
    }

    .err, .gr, .gt {
      color: #960050;
    }

    .gd, .gi {
      color: #7e7c6e;
    }

    .kc, .kd, .kr, .no, .kt {
      color: #66d9ef;
    }

    .mf, .mh, .mi, .mo, .m, .mb, .mx, .il, .mi, .mo, .m, .mb, .mx, .sc, .se, .ss {
      color: #ae81ff;
    }

    .sd, .s2, .sb, .sh, .si, .sx, .s1, .s, .sa, .dl  {
      color: #e6db74;
    }

    .nf, .fm, .nd, .nc, .ne, .na {
      color: #a6e22e;
    }
    .vc, .nn, .nl, .ni, .bp, .vg, .vi, .nv, .vm, .w, .highlight, .n, .py, .nx {
      color: #ffffff;
      /* background-color: #272822; */
    }

    .ow, .nt, .k, .kv, .kn, .kp, .o {
      color: #f92672;
    }
  }
}