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

.highlight .c {
  color: #8F9493;
  font-style: italic; }

/* Comment */
.highlight .err {
  color: #F22939;
  background-color: #e3d2d2; }

/* Error */
.highlight .k {
  color: #242525;
  font-weight: bold; }

/* Keyword */
.highlight .o {
  color: #242525;
  font-weight: bold; }

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

/* Comment.Multiline */
.highlight .cp {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Preproc */
.highlight .c1 {
  color: #8F9493;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .gd {
  color: #242525;
  background-color: #ffdddd; }

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

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

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

/* Generic.Heading */
.highlight .gi {
  color: #242525;
  background-color: #ddffdd; }

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

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

/* Generic.Prompt */
.highlight .gs {
  font-weight: bold; }

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

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

/* Generic.Traceback */
.highlight .kc {
  color: #242525;
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  color: #242525;
  font-weight: bold; }

/* Keyword.Declaration */
.highlight .kn {
  color: #242525;
  font-weight: bold; }

/* Keyword.Namespace */
.highlight .kp {
  color: #242525;
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  color: #242525;
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #404E7C;
  font-weight: bold; }

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

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

/* Literal.String */
.highlight .na {
  color: #118B89; }

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

/* Name.Builtin */
.highlight .nc {
  color: #404E7C;
  font-weight: bold; }

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

/* Name.Constant */
.highlight .nd {
  color: #40403D;
  font-weight: bold; }

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

/* Name.Entity */
.highlight .ne {
  color: #DC2634;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #DC2634;
  font-weight: bold; }

/* Name.Function */
.highlight .nl {
  color: #DC2634;
  font-weight: bold; }

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

/* Name.Namespace */
.highlight .nt {
  color: #1D2E73; }

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

/* Name.Variable */
.highlight .ow {
  color: #242525;
  font-weight: bold; }

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

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

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

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

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

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

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

/* Literal.String.Char */
.highlight .sd {
  color: #EF2D56; }

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

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

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

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

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

/* Literal.String.Other */
.highlight .sr {
  color: #5AA361; }

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

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

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

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

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

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

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

/* Literal.Number.Integer.Long */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body,
html {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  color: #363838;
  font-family: "Libre Baskerville", serif; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0; }

.wrapper {
  margin: 0 auto;
  max-width: 1000px;
  min-height: 100%; }

h1,
h2 {
  color: #242525;
  margin: 0; }

h1 {
  font-size: 20px;
  letter-spacing: .5px;
  line-height: 1.73; }

h2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.73; }

em {
  font-weight: 400; }

a {
  color: inherit;
  text-decoration: none; }

.accent {
  color: #f22939; }

main {
  margin: 0 0 0 auto;
  padding: 132px 0;
  width: 616px; }
  @media only screen and (max-width: 1080px) {
    main {
      margin: 0 auto;
      padding: 40px 0; } }
  @media only screen and (max-width: 700px) {
    main {
      padding: 32px 16px;
      width: 100%; } }

.fixed-date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 2.4;
  margin: 4px 0 0;
  text-align: right;
  width: 72px; }
  @media only screen and (max-width: 700px) {
    .fixed-date {
      margin: 7px 0 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      text-align: left;
      width: auto; } }
.icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.4;
  margin: 4px 9px 0;
  text-align: right;
  width: 72px; }
  @media only screen and (max-width: 700px) {
    .icons {
      margin: 7px 0 0;
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      text-align: left;
      width: auto; } }

.date {
  font-size: 10px;
  font-weight: 400;
  line-height: 2.4;
  margin: 0; }
  @media only screen and (max-width: 700px) {
    .date {
      position: absolute;
      right: 16px;
      top: 16px; } }

.post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 44px; }
  @media only screen and (max-width: 700px) {
    .post {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.post-details {
  width: 488px; }
  @media only screen and (max-width: 700px) {
    .post-details {
      width: 100%; } }

.excerpt {
  font-size: 14px;
  line-height: 1.73;
  margin: 0; }

header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  position: fixed; }
  @media only screen and (max-width: 1080px) {
    header {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      display: block;
      height: auto;
      position: static; } }

.logo {
  height: auto;
  position: relative; }
  @media only screen and (max-width: 1080px) {
    .logo {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 56px auto 40px;
      width: 616px;
      padding: 56px 16px 0; }
       }
  @media only screen and (max-width: 700px) {
    .logo {
      margin: 0 0 24px;
      padding: 72px 16px 0;
      width: 100%; } }
  @media only screen and (max-width: 700px) {
    .logo.logo-closer-to-top-on-mobile {
      padding: 56px 16px 0; } }

hr {
  border: 0;
  display: none;
  height: 0;
  margin: 0; }
  @media only screen and (max-width: 1080px) {
    hr {
      background-color: #f22939;
      display: block;
      height: 1px;
      margin: 0 auto;
      width: 480px; } }
  @media only screen and (max-width: 700px) {
    hr {
      width: calc(100% - 168px); } }

.under {
  left: 0;
  position: absolute;
  width: 232px; }
  @media only screen and (max-width: 1080px) {
    .under {
      position: static;
      width: auto; } }

.under-large {
  top: 184px; }
  @media only screen and (max-width: 1080px) {
    .under-large {
      margin: 0 0 0 5px; } }
  @media only screen and (max-width: 700px) {
    .under-large {
      margin: 0 0 0 22px; } }

.under-small {
  top: 83px; }
  @media only screen and (max-width: 1080px) {
    .under-small {
      margin: 0 0 0 22px;
      padding: 0 68px 0 0; } }

article {
  font-size: 16px;
  line-height: 1.73;
  text-align: justify; }
  article h2 {
    color: #f22939;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    margin: 0;
    padding: 28px 0; }
  article p {
    margin: 0 0 28px; }
  article a {
    color: #f22939; }

.social {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 0; }
  .social a {
    font-size: 16px;
    margin: 0 16px 0 0; }
    .social a.make-mail-smaller {
      font-size: 14px; }
  @media only screen and (max-width: 1080px) {
    .social {
      margin: 10px 0 0; } }

.back {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 2;
  margin: 24px 0 0; }
  @media only screen and (max-width: 1080px) {
    .back {
      margin: 0;
      position: absolute;
      right: 0;
      top: 0; } }
  @media only screen and (max-width: 700px) {
    .back {
      left: 16px;
      right: auto;
      top: 16px; } }

.highlight {
  margin: 0 0 24px;
  padding: 0 0 0 52px; }
  .highlight pre {
    line-height: 20px;
    margin: 0;
    overflow: scroll; }
  .highlight code {
    font-family: "Inconsolata", monospace;
    font-size: 14px; }

svg {
  -ms-flex-negative: 0;
      flex-shrink: 0; }

      /* Animated t */