@import url("https://fonts.googleapis.com/css?family=Play|EB+Garamond|Source+Sans+Pro|Source+Code+Pro");
@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css);
@import url("https://fonts.googleapis.com/css2?family=Special+Elite&display=swap");
body {
  background-color: #FFF;
  color: #333;
  font-family: "Source Sans Pro", serif;
  font-size: 18px;
  line-height: 24px;
  margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Play", cursive;
}

.container {
  max-width: 800px;
  margin: 0px auto;
}

figure {
  margin-left: 24px;
  overflow: auto;
}

code,
pre {
  font-family: "Fira Code", monospace;
}

pre {
  max-width: 100%;
}

a {
  text-decoration: none;
}
header a {
  color: #e6e6e6;
}
main a {
  color: #026e00;
}

header {
  box-sizing: border-box;
  width: 100%;
  background-color: #333;
  color: #e6e6e6;
  padding: 1em 1em 0 1em;
  text-shadow: 2px 2px black;
}
header .brand {
  display: block;
  width: 100%;
  text-align: left;
  font-family: "Play", "Special Elite", serif;
  font-weight: 800;
  font-size: 2em;
  line-height: 1em;
  color: #03a100;
}
header .subtitle {
  margin: 10px 0;
}
header nav > ul {
  list-style: none;
  display: flex;
  justify-content: start;
  padding: 0px;
  margin: 0px;
}
header nav > ul li {
  padding: 0.8em;
}
header nav > ul li > a:hover {
  color: #03a100;
}
header nav > ul li:first-child {
  padding-left: 0px;
}
header nav > ul li:not(:first-child)::before {
  content: "|";
  padding-right: 24px;
}

main {
  width: 100%;
  text-align: justify;
}
main .post-list {
  list-style: none;
  padding-left: 0;
}
main .post-list .post-meta {
  color: rgba(51, 51, 51, 0.6);
}
main .post-list .post-title {
  margin: 0;
}
main h1, main h2, main h3 {
  text-align: left;
  line-height: 2rem;
}

figure.caption {
  display: flex;
  flex-direction: column;
  align-items: center;
}
figure.caption img {
  border: 2px solid rgba(51, 51, 51, 0.6);
  max-width: 400px;
}
figure.task {
  border: 2px solid rgba(51, 51, 51, 0.6);
  margin: 0;
  padding: 10px;
}

code.highlighter-rouge {
  background: none;
  color: #333;
}

.post-header h1, .post-header h5, .post-header h6 {
  margin: 0;
}
.post-header h5, .post-header h6 {
  display: inline;
}
.post-header .post-title {
  color: #333;
  font-size: 1.5em;
}
.post-header .post-meta {
  color: rgba(51, 51, 51, 0.6);
}
.post-header .post-meta .post-date {
  font-weight: bold;
}
.post-header .post-meta .post-author {
  font-weight: bold;
}
.post-header .post-tags {
  color: rgba(51, 51, 51, 0.6);
}

article {
  padding-top: 1em;
}
article h2 {
  font-size: 1.2em;
}

.highlighter-rouge {
  background: #272822;
  color: #f9f8f5;
}

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