body {
  margin: 0;
  padding: 0; }

html,
body {
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5; }

main {
  width: 80%;
  max-width: 920px;
  padding: 1em 0;
  margin: auto; }
  main footer {
    margin: 0 20px 1em 20px; }
  main #pagefoot {
    text-align: right;
    font-style: italic;
    color: #999; }
  main .home time {
    font-style: italic;
    color: #999; }
  main .home ul {
    list-style-type: circle; }
  main article {
    margin: 0 20px 0 20px; }
    main article img {
      border-color: white;
      border-radius: 3px; }
    main article header {
      margin: 0 0 1em 0; }
      main article header h1, main article header h2, main article header h3, main article header h4, main article header h5, main article header h6 {
        margin: 0; }
      main article header time {
        font-style: italic;
        color: #999; }
    main article blockquote {
      font-style: italic; }
    main article footer {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      margin: 1em 0 1em 0;
      padding: 1em 0; }
      main article footer img {
        width: 50px;
        height: auto;
        border-radius: 10px;
        float: left; }
      main article footer p {
        margin: 0 0 0 60px;
        padding: 0; }
      main article footer .author {
        font-weight: bold; }
        main article footer .author, main article footer .author a {
          text-decoration: none; }

a.containsimage {
  font-size: 0; }

img.fullwidth {
  height: auto;
  max-width: 880px;
  width: 100%; }

ul.twoimage {
  list-style: none;
  max-width: 880px;
  width: 100%; }
  ul.twoimage,
  ul.twoimage li,
  ul.twoimage img {
    font-size: 0; }
  ul.twoimage,
  ul.twoimage li {
    margin: 0;
    padding: 0; }
  ul.twoimage a,
  ul.twoimage li {
    display: inline-block; }
  ul.twoimage li {
    width: 50%; }
  ul.twoimage img {
    width: 100%; }
  ul.twoimage li a {
    border-color: white;
    border-style: solid; }
  ul.twoimage li.first a {
    border-width: 0 1px 0 0; }
  ul.twoimage li.first img {
    border-radius: 3px 0 0 3px; }
  ul.twoimage li.second a {
    border-width: 0 0 0 1px; }
  ul.twoimage li.second img {
    border-radius: 0 3px 3px 0; }

ul.threeimage {
  list-style: none;
  max-width: 880px;
  width: 100%; }
  ul.threeimage,
  ul.threeimage li,
  ul.threeimage img {
    font-size: 0; }
  ul.threeimage,
  ul.threeimage li {
    margin: 0;
    padding: 0; }
  ul.threeimage a,
  ul.threeimage li {
    display: inline-block; }
  ul.threeimage li.first {
    max-width: 880px;
    width: 100%; }
  ul.threeimage li.second,
  ul.threeimage li.third {
    max-width: 440px;
    width: 50%; }
  ul.threeimage li a {
    border-color: white;
    border-style: solid; }
  ul.threeimage li.first a {
    border-width: 0 0 1px 0; }
  ul.threeimage li.first img {
    width: 100%;
    border-radius: 3px 3px 0 0; }
  ul.threeimage li.second a {
    border-width: 1px 1px 0 0; }
  ul.threeimage li.second img {
    width: 100%;
    border-radius: 0 0 0 3px; }
  ul.threeimage li.third a {
    border-width: 1px 0 0 1px; }
  ul.threeimage li.third img {
    width: 100%;
    border-radius: 0 0 3px 0; }

.monospace {
  font-family: monospace; }

.highlight {
  background-color: #49483e;
  color: #f8f8f2;
  /* Comment */
  /* Error */
  /* Keyword */
  /* Literal */
  /* Name */
  /* Operator */
  /* Punctuation */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Emph */
  /* Generic.Strong */
  /* 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 */ }
  .highlight .c {
    color: #75715e; }
  .highlight .err {
    color: #960050;
    background-color: #1e0010; }
  .highlight .k {
    color: #66d9ef; }
  .highlight .l {
    color: #ae81ff; }
  .highlight .n {
    color: #f8f8f2; }
  .highlight .o {
    color: #f92672; }
  .highlight .p {
    color: #f8f8f2; }
  .highlight .cm {
    color: #75715e; }
  .highlight .cp {
    color: #75715e; }
  .highlight .c1 {
    color: #75715e; }
  .highlight .cs {
    color: #75715e; }
  .highlight .ge {
    font-style: italic; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .kc {
    color: #66d9ef; }
  .highlight .kd {
    color: #66d9ef; }
  .highlight .kn {
    color: #f92672; }
  .highlight .kp {
    color: #66d9ef; }
  .highlight .kr {
    color: #66d9ef; }
  .highlight .kt {
    color: #66d9ef; }
  .highlight .ld {
    color: #e6db74; }
  .highlight .m {
    color: #ae81ff; }
  .highlight .s {
    color: #e6db74; }
  .highlight .na {
    color: #a6e22e; }
  .highlight .nb {
    color: #f8f8f2; }
  .highlight .nc {
    color: #a6e22e; }
  .highlight .no {
    color: #66d9ef; }
  .highlight .nd {
    color: #a6e22e; }
  .highlight .ni {
    color: #f8f8f2; }
  .highlight .ne {
    color: #a6e22e; }
  .highlight .nf {
    color: #a6e22e; }
  .highlight .nl {
    color: #f8f8f2; }
  .highlight .nn {
    color: #f8f8f2; }
  .highlight .nx {
    color: #a6e22e; }
  .highlight .py {
    color: #f8f8f2; }
  .highlight .nt {
    color: #f92672; }
  .highlight .nv {
    color: #f8f8f2; }
  .highlight .ow {
    color: #f92672; }
  .highlight .w {
    color: #f8f8f2; }
  .highlight .mf {
    color: #ae81ff; }
  .highlight .mh {
    color: #ae81ff; }
  .highlight .mi {
    color: #ae81ff; }
  .highlight .mo {
    color: #ae81ff; }
  .highlight .sb {
    color: #e6db74; }
  .highlight .sc {
    color: #e6db74; }
  .highlight .sd {
    color: #e6db74; }
  .highlight .s2 {
    color: #e6db74; }
  .highlight .se {
    color: #ae81ff; }
  .highlight .sh {
    color: #e6db74; }
  .highlight .si {
    color: #e6db74; }
  .highlight .sx {
    color: #e6db74; }
  .highlight .sr {
    color: #e6db74; }
  .highlight .s1 {
    color: #e6db74; }
  .highlight .ss {
    color: #e6db74; }
  .highlight .bp {
    color: #f8f8f2; }
  .highlight .vc {
    color: #f8f8f2; }
  .highlight .vg {
    color: #f8f8f2; }
  .highlight .vi {
    color: #f8f8f2; }
  .highlight .il {
    color: #ae81ff; }

.highlight {
  margin: 12px;
  padding: 12px;
  font-size: .8rem;
  overflow-x: auto;
  overflow-y: hidden; }
  .highlight pre {
    margin: 0;
    padding: 0; }