@charset "UTF-8";
pre {
  border: solid 1px #ddd;
  background: #fff;
  padding: 0;
  line-height: 23px;
  margin-bottom: 30px;
  white-space: pre;
  overflow-x: auto;
  word-break: inherit;
  word-wrap: inherit; }

.highlight td {
  padding: 8px 15px; }

.gl {
  background: #fafafa;
  border-right: 1px solid #ddd;
  color: #999;
  /* Stop line numbers being visually selected */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.highlight {
  background-color: #fff; }

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

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

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

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

/* Operator */
.cm {
  color: #999988;
  font-style: italic; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Literal.String */
.na {
  color: #008080; }

/* Name.Attribute */
.nb {
  color: #0086B3; }

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

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

/* Name.Constant */
.nd {
  color: #3c5d5d;
  font-weight: bold; }

/* Name.Decorator */
.ni {
  color: #800080; }

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

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

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

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

/* Name.Namespace */
.nt {
  color: #000080; }

/* Name.Tag */
.nv {
  color: #008080; }

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

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

/* Text.Whitespace */
.mf {
  color: #009999; }

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Literal.String.Single */
.ss {
  color: #990073; }

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

/* Name.Builtin.Pseudo */
.vc {
  color: #008080; }

/* Name.Variable.Class */
.vg {
  color: #008080; }

/* Name.Variable.Global */
.vi {
  color: #008080; }

/* Name.Variable.Instance */
.il {
  color: #009999; }

/* Literal.Number.Integer.Long */
* {
  margin: 0; }

:root {
  color-scheme: light dark;
  --background-color: #FFFFFF;
  --primary-text-color: var(--batcave);
  --secondary-text-color: var(--charcoal);
  --tertiary-text-color: var(--battleship);
  --link-color: var(--smurfette);
  --link-hover-color: #0F69FF;
  --visited-link-color: var(--hulk-pants);
  /* Fuji color palette */
  --grey-hair: #F1F1F5;
  --black: #000000;
  --batcave: #232A31;
  --charcoal: #464E56;
  --battleship: #5B636A;
  --marshmallow: #F7F8FF;
  --dirty-seagull: #E0E4E9;
  --pebble: #B9BDC5;
  --smurfette: #188FFF;
  --slurpee: #0C9EF2;
  --hulk-pants: #6D00F6;
  --blurple: #5D5EFF; }

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: var(--black);
    --primary-text-color: var(--marshmallow);
    --secondary-text-color: var(--dirty-seagull);
    --tertiary-text-color: var(--pebble);
    --link-color: #1DAFFD;
    --link-hover-color: var(--smurfette);
    --visited-link-color: var(--blurple); } }
html {
  background-color: var(--background-color);
  color: var(--primary-text-color);
  height: 100%; }

body {
  background-color: var(--background-color);
  height: 100%;
  font-family: 'AvenirNext', 'Helvetica Neue', Helvetica-Neue, helvetica, sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility; }

.wrapper {
  display: table;
  height: 100%;
  width: 100%; }

.container {
  width: 100%;
  height: 100%;
  display: table-row; }

@media screen and (min-width: 720px) {
  .inner {
    margin: 0px auto 0px auto;
    width: 680px !important;
    max-width: 680px; } }
@media screen and (min-width: 501px) and (max-width: 719px) {
  .inner {
    margin: 0px 10px 0px auto;
    width: 480px !important; } }
@media screen and (max-width: 500px) {
  .inner {
    margin: 0px 10px 0px 10px;
    width: 300px !important; } }
a {
  color: var(--link-color);
  transition: color 0.3s ease;
  padding: 1px 1px 0px; }

a:hover {
  color: var(--link-hover-color); }

h1 {
  font-weight: 300;
  font-size: 34px;
  line-height: 46px; }

h2 {
  font-weight: 600; }

h3 {
  font-weight: 600; }

h4 {
  font-weight: 300; }

.date {
  font-family: AvenirNext, sans-serif;
  margin-top: 20px;
  margin-bottom: 20px; }

code {
  background: #e6e6e6;
  padding: 0px 4px 2px 4px; }

ol {
  margin-bottom: 20px; }

li {
  list-style-type: circle;
  font-weight: 300;
  font-size: 20px; }

header {
  color: rgba(255, 255, 255, 0.4);
  line-height: 24px;
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }
  header h1 {
    color: var(--primary-text-color);
    text-transform: uppercase;
    padding: 25px 0 20px;
    margin: 0; }
    header h1 a {
      color: var(--primary-text-color);
      font-family: AvenirNext-UltraLight, sans-serif;
      transition: color 0.3s ease;
      text-decoration: none; }

footer {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  border-top: 1px solid #ddd;
  padding-top: 15px;
  display: table-row;
  height: 64px; }
  footer .social {
    margin-bottom: 20px; }
  footer img {
    width: 64px;
    height: 64px;
    padding: 0px 10px 0px 10px; }

article {
  margin-left: 20px; }
  article .title a {
    color: var(--primary-text-color);
    text-decoration: none; }
  article .title a:hover {
    color: var(--link-hover-color);
    text-decoration: none; }
  article h1 {
    margin-top: 10px;
    margin-bottom: 30px; }
  article h2 {
    margin-top: 20px;
    margin-bottom: 10px; }
  article h3 {
    margin-bottom: 20px; }
  article blockquote {
    border-left: 5px solid #ccc;
    margin: 2em 10px;
    padding: 0.5em 10px;
    quotes: "“" "”" "‘" "’"; }
  article blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em; }
  article blockquote p {
    display: inline; }
  article p {
    margin-bottom: 1.4em;
    font-size: 20px;
    line-height: 1.5em; }
  article img {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto; }

article {
  margin: 30px 0px 60px 0px; }
  @media screen and (min-width: 500px) {
    article .date {
      text-align: left;
      display: inline;
      padding-right: 40px; }
    article .title {
      text-align: left;
      margin-left: 0px;
      width: 80%; } }
  @media screen and (max-width: 499px) {
    article .date {
      display: block;
      text-align: center; }
    article .title {
      text-align: center; } }
  article .date {
    font-family: AvenirNext, sans-serif;
    font-weight: 300;
    color: var(--secondary-text-color);
    text-rendering: optimizeLegibility;
    margin: 0 auto 10px auto; }
  article .title {
    font-family: AvenirNext, sans-serif;
    color: var(--primary-text-color);
    line-height: 27px;
    font-weight: 600;
    margin: 10px auto 40px 0px;
    font-size: 24px;
    letter-spacing: 0px;
    text-rendering: optimizeLegibility; }
  article .text {
    border: 1px solid black;
    margin: 0 auto;
    padding-bottom: 80px;
    max-width: 680px;
    text-align: left; }