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

.highlight {
  background: #f8f8f8;
}

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

/* Comment */
.highlight .err {
  border: 1px solid #FF0000;
}

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

/* Keyword */
.highlight .o {
  color: #666666;
}

/* Operator */
.highlight .ch {
  color: #408080;
  font-style: italic;
}

/* Comment.Hashbang */
.highlight .cm {
  color: #408080;
  font-style: italic;
}

/* Comment.Multiline */
.highlight .cp {
  color: #BC7A00;
}

/* Comment.Preproc */
.highlight .cpf {
  color: #408080;
  font-style: italic;
}

/* Comment.PreprocFile */
.highlight .c1 {
  color: #408080;
  font-style: italic;
}

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

/* Comment.Special */
.highlight .gd {
  color: #A00000;
}

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

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

/* Generic.Error */
.highlight .gh {
  color: #000080;
  font-weight: bold;
}

/* Generic.Heading */
.highlight .gi {
  color: #00A000;
}

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

/* Generic.Output */
.highlight .gp {
  color: #000080;
  font-weight: bold;
}

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

/* Generic.Strong */
.highlight .gu {
  color: #800080;
  font-weight: bold;
}

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

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

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

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

/* Keyword.Namespace */
.highlight .kp {
  color: #008000;
}

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

/* Keyword.Reserved */
.highlight .kt {
  color: #B00040;
}

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

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

/* Literal.String */
.highlight .na {
  color: #7D9029;
}

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

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

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

/* Name.Constant */
.highlight .nd {
  color: #AA22FF;
}

/* Name.Decorator */
.highlight .ni {
  color: #999999;
  font-weight: bold;
}

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

/* Name.Exception */
.highlight .nf {
  color: #0000FF;
}

/* Name.Function */
.highlight .nl {
  color: #A0A000;
}

/* Name.Label */
.highlight .nn {
  color: #0000FF;
  font-weight: bold;
}

/* Name.Namespace */
.highlight .nt {
  color: #008000;
  font-weight: bold;
}

/* Name.Tag */
.highlight .nv {
  color: #19177C;
}

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

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

/* Text.Whitespace */
.highlight .mb {
  color: #666666;
}

/* Literal.Number.Bin */
.highlight .mf {
  color: #666666;
}

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

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

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

/* Literal.Number.Oct */
.highlight .sa {
  color: #BA2121;
}

/* Literal.String.Affix */
.highlight .sb {
  color: #BA2121;
}

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

/* Literal.String.Char */
.highlight .dl {
  color: #BA2121;
}

/* Literal.String.Delimiter */
.highlight .sd {
  color: #BA2121;
  font-style: italic;
}

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

/* Literal.String.Double */
.highlight .se {
  color: #BB6622;
  font-weight: bold;
}

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

/* Literal.String.Heredoc */
.highlight .si {
  color: #BB6688;
  font-weight: bold;
}

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

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

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

/* Literal.String.Single */
.highlight .ss {
  color: #19177C;
}

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

/* Name.Builtin.Pseudo */
.highlight .fm {
  color: #0000FF;
}

/* Name.Function.Magic */
.highlight .vc {
  color: #19177C;
}

/* Name.Variable.Class */
.highlight .vg {
  color: #19177C;
}

/* Name.Variable.Global */
.highlight .vi {
  color: #19177C;
}

/* Name.Variable.Instance */
.highlight .vm {
  color: #19177C;
}

/* Name.Variable.Magic */
.highlight .il {
  color: #666666;
}

/* Literal.Number.Integer.Long */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  margin: 15px;
  overflow-y: scroll;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
}

p {
  font-weight: 500;
  color: #000000;
}

p > code, li > code {
  background-color: #f5f5f5;
  padding: 3px;
}

a {
  text-decoration: none;
  color: #428bca;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
}

h1 {
  font-size: 1.6rem;
  font-weight: bold;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.3rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 1rem;
}

.quote {
  width: 80%;
  margin: auto;
  margin-bottom: 10px;
  font-style: italic;
}

.container {
  max-width: 850px;
  width: 85%;
}

.header__container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header__title {
  margin-bottom: 15px;
  font-size: 2rem;
  color: #000000;
}

.header__title:hover {
  color: #000000;
}

.header__links > a {
  text-decoration: none;
  margin: 5px;
}

.content__container {
  margin-top: 15px;
}

.content__title {
  font-size: 1.6rem;
}

.content__info {
  color: gray;
}

.highlight > pre {
  padding: 10px;
  font-family: "Ubuntu Mono", Menlo, monospace;
  max-width: 100%;
  overflow-x: auto;
}

.post__title {
  font-size: 1.8rem;
  font-weight: bolder;
}

.tag {
  padding: .075rem .25rem;
  font-size: 0.9rem;
  border-radius: .25rem;
  background-color: #f8f8f8;
  color: #d786ac;
  text-align: center;
}

.tag:hover {
  text-decoration: none;
  background-color: #e7e7e7;
  color: #db8cb0;
}

.footnote {
  font-size: 15px;
}