html, body {
  background: #fefefe;
  color: #091527;
  font: normal 20px medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  line-height: 1.8;
  margin: 0;
  min-height: 100%;
}

@media all and (max-width: 500px) {
  html, body {
    font-size: 18px;
  }
}
/* TOOLSET */
/* ------- */
h1, h2, h3, h4 {
  font-family: "Playfair Display", times, serif;
}

ul li {
  margin: 1rem 1rem 1rem 0;
}

time {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 0.55rem;
  margin-bottom: 1rem;
}

.muted {
  color: #909aa8;
}

.lead {
  font-size: 1.3rem;
}

a {
  color: #34659e;
  text-decoration: none;
  border-bottom: 1px solid;
}

a:hover {
  color: #1e83ff;
}

article {
  color: #6e747c;
}
article main h1, article main h2, article main h3, article main h4 {
  color: #1a4072;
}

table {
  margin: auto;
  width: 100%;
  margin: 0.5rem;
  border: 1px solid #909aa8;
  border-collapse: collapse;
}
table thead {
  background: #1a4072;
  color: #fff;
}
table td, table th {
  border-bottom: 1px solid #909aa8;
  padding: 0.5rem;
  text-align: left;
}

.separated-at-bottom:after {
  border-top-color: #bbc7da;
}

.inverted-colors {
  color: #fefefe;
}
.inverted-colors a {
  color: #fefefe;
}
.inverted-colors .separated-at-bottom:after {
  border-top-color: #f8fbff;
}
.inverted-colors .muted, .inverted-colors time {
  color: #fafafa;
}

footer {
  font-size: 12px;
  color: #091527;
}

pre {
  font-size: 0.9rem;
}

code {
  font-weight: bold;
}

.centered {
  text-align: center;
}

.text-aligned-right {
  text-align: right;
}

.pinned {
  position: absolute;
  top: 0;
}

.stretched {
  height: 100%;
  width: 100%;
}

.vertically-centered {
  display: flex;
  align-items: center;
}

.horizontally-aligned-children {
  display: flex;
}

.spaced-evenly {
  justify-content: space-between;
}

.relative {
  position: relative;
}

.half-screen-height {
  height: 50vh;
  min-height: 500px;
}

.some-screen-height {
  min-height: 33vh;
}

.bulletless {
  list-style: none;
}

.content-column {
  padding: 2.3rem;
  margin: 0 auto;
  max-width: 740px;
  width: 100%;
}

.padded-bottom {
  margin-bottom: 3rem;
}

.tight {
  margin: 0;
  padding: 0;
}

.tight-line {
  line-height: 1;
}

.biggest {
  font-size: 2.4rem;
}

.bigger {
  font-size: 2.2rem;
}

.borderless {
  border: none;
}

.icon {
  display: inline-block;
  height: 1em;
  width: 1em;
}

.to-right {
  justify-content: flex-end;
}

.split-children-in-thirds > * {
  margin-left: 1.5%;
  width: 30%;
}
.split-children-in-thirds > *:first-child {
  margin-left: 0;
}

.split-children-in-halves > * {
  margin-left: 1%;
  width: 49%;
}
.split-children-in-halves > *:first-child {
  margin-left: 0;
}

.dash {
  border-top: 2px solid #f8fbff;
  border-bottom: 1px solid #f8fbff;
  display: block;
  height: 1px;
  margin: auto;
  width: 100px;
}

img {
  display: block;
  margin: auto;
  max-width: 100%;
}
img + em {
  display: block;
  font-size: 0.7rem;
  text-align: center;
}

iframe {
  border: 2px solid #96a4b9;
  display: block;
  margin: auto;
  width: 560px;
  height: 315px;
  max-width: 100%;
}

p {
  line-height: 1.9;
}
p a {
  border-bottom: 1px solid;
  font-weight: bold;
  margin: 0 0.22em;
}
p em {
  margin-right: 0.22em;
}

blockquote {
  color: #28518f;
  border-left: 2px solid #28518f;
  padding-left: 1.5rem;
}

p, .highlight, blockquote, iframe {
  margin-bottom: 1.8rem;
}

figure {
  background: #fafafa;
  border: 1px solid #ddd;
  margin: 0;
}

.highlight {
  border-radius: 0.25rem;
  background: #091527;
  color: #c5c8c6;
}

.placeholder-value {
  background: rgb(189, 202, 214);
  border-radius: 0.25rem;
  color: #091527;
  font-style: normal;
  padding: 0.1rem 0.25rem;
  font-weight: normal;
}

pre {
  overflow: auto;
  padding: 1rem;
  margin: 0;
}
pre code {
  font-weight: normal;
  line-height: 1.25;
  font-size: 0.85rem;
}

.higher-bg-layer {
  background: #fefefe;
  position: relative;
  z-index: 3;
  padding: 0 0 1px 0;
}

header .linear-mask {
  background: linear-gradient(transparent, #091527);
}
header .radial-mask {
  background: radial-gradient(transparent, #091527);
}

.article-header {
  background: linear-gradient(#0b1d35, #0d213b);
  border-bottom: 1px solid #075ecf;
  color: #f8fbff;
}
.article-header h1, .article-header h2, .article-header .author, .article-header .dash {
  margin-bottom: 2rem;
}
.article-header h1 {
  font-size: 2.2rem;
  line-height: 1.2;
}
.article-header h2 {
  font-size: 1.8rem;
  font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.article-navigation {
  color: #909aa8;
  border-bottom: 1px solid #96a4b9;
  font-size: 0.9rem;
  list-style: none;
  padding: 0 2rem 2rem;
  margin: 0 0 2rem 0;
}
.article-navigation span {
  display: inline-block;
  font-weight: bold;
  width: 2rem;
  text-align: center;
}

footer {
  border-top: 1px solid #dedede;
  background: #fafbfc;
  padding: 1rem;
  text-align: right;
}

.rotates-image {
  background: #075ecf;
  margin: 0;
  overflow: hidden;
}
.rotates-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1000px;
  margin-left: -1000px;
  height: 2000px;
  width: 2000px;
  transition: transform 1s linear;
  transform-style: preserve-3D;
  opacity: 0.5;
  animation: rotate-world 280s infinite;
}

@keyframes rotate-world {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.highlight .hll {
  background-color: #373b41;
}

.highlight {
  background: #1d1f21;
  color: #c5c8c6;
}

.highlight .c {
  color: #969896;
} /* Comment */
.highlight .err {
  color: #cc6666;
} /* Error */
.highlight .k {
  color: #b294bb;
} /* Keyword */
.highlight .l {
  color: #de935f;
} /* Literal */
.highlight .n {
  color: #c5c8c6;
} /* Name */
.highlight .o {
  color: #8abeb7;
} /* Operator */
.highlight .p {
  color: #c5c8c6;
} /* Punctuation */
.highlight .cm {
  color: #969896;
} /* Comment.Multiline */
.highlight .cp {
  color: #969896;
} /* Comment.Preproc */
.highlight .c1 {
  color: #969896;
} /* Comment.Single */
.highlight .cs {
  color: #969896;
} /* Comment.Special */
.highlight .gd {
  color: #cc6666;
} /* Generic.Deleted */
.highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.highlight .gh {
  color: #c5c8c6;
  font-weight: bold;
} /* Generic.Heading */
.highlight .gi {
  color: #b5bd68;
} /* Generic.Inserted */
.highlight .gp {
  color: #969896;
  font-weight: bold;
} /* Generic.Prompt */
.highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.highlight .gu {
  color: #8abeb7;
  font-weight: bold;
} /* Generic.Subheading */
.highlight .kc {
  color: #b294bb;
} /* Keyword.Constant */
.highlight .kd {
  color: #b294bb;
} /* Keyword.Declaration */
.highlight .kn {
  color: #8abeb7;
} /* Keyword.Namespace */
.highlight .kp {
  color: #b294bb;
} /* Keyword.Pseudo */
.highlight .kr {
  color: #b294bb;
} /* Keyword.Reserved */
.highlight .kt {
  color: #f0c674;
} /* Keyword.Type */
.highlight .ld {
  color: #b5bd68;
} /* Literal.Date */
.highlight .m {
  color: #de935f;
} /* Literal.Number */
.highlight .s {
  color: #b5bd68;
} /* Literal.String */
.highlight .na {
  color: #81a2be;
} /* Name.Attribute */
.highlight .nb {
  color: #c5c8c6;
} /* Name.Builtin */
.highlight .nc {
  color: #f0c674;
} /* Name.Class */
.highlight .no {
  color: #cc6666;
} /* Name.Constant */
.highlight .nd {
  color: #8abeb7;
} /* Name.Decorator */
.highlight .ni {
  color: #c5c8c6;
} /* Name.Entity */
.highlight .ne {
  color: #cc6666;
} /* Name.Exception */
.highlight .nf {
  color: #81a2be;
} /* Name.Function */
.highlight .nl {
  color: #c5c8c6;
} /* Name.Label */
.highlight .nn {
  color: #f0c674;
} /* Name.Namespace */
.highlight .nx {
  color: #81a2be;
} /* Name.Other */
.highlight .py {
  color: #c5c8c6;
} /* Name.Property */
.highlight .nt {
  color: #8abeb7;
} /* Name.Tag */
.highlight .nv {
  color: #cc6666;
} /* Name.Variable */
.highlight .ow {
  color: #8abeb7;
} /* Operator.Word */
.highlight .w {
  color: #c5c8c6;
} /* Text.Whitespace */
.highlight .mf {
  color: #de935f;
} /* Literal.Number.Float */
.highlight .mh {
  color: #de935f;
} /* Literal.Number.Hex */
.highlight .mi {
  color: #de935f;
} /* Literal.Number.Integer */
.highlight .mo {
  color: #de935f;
} /* Literal.Number.Oct */
.highlight .sb {
  color: #b5bd68;
} /* Literal.String.Backtick */
.highlight .sc {
  color: #c5c8c6;
} /* Literal.String.Char */
.highlight .sd {
  color: #969896;
} /* Literal.String.Doc */
.highlight .s2 {
  color: #b5bd68;
} /* Literal.String.Double */
.highlight .se {
  color: #de935f;
} /* Literal.String.Escape */
.highlight .sh {
  color: #b5bd68;
} /* Literal.String.Heredoc */
.highlight .si {
  color: #de935f;
} /* Literal.String.Interpol */
.highlight .sx {
  color: #b5bd68;
} /* Literal.String.Other */
.highlight .sr {
  color: #b5bd68;
} /* Literal.String.Regex */
.highlight .s1 {
  color: #b5bd68;
} /* Literal.String.Single */
.highlight .ss {
  color: #b5bd68;
} /* Literal.String.Symbol */
.highlight .bp {
  color: #c5c8c6;
} /* Name.Builtin.Pseudo */
.highlight .vc {
  color: #cc6666;
} /* Name.Variable.Class */
.highlight .vg {
  color: #cc6666;
} /* Name.Variable.Global */
.highlight .vi {
  color: #cc6666;
} /* Name.Variable.Instance */
.highlight .il {
  color: #de935f;
} /* Literal.Number.Integer.Long */
.separated-at-bottom:after {
  content: " ";
  border-top-width: 1px;
  border-top-style: solid;
  display: block;
  height: 1px;
  margin: 4rem auto;
  width: 100%;
}

.casts-shadow {
  box-shadow: 0 0 5rem rgba(9, 21, 39, 0.6);
}

.recieves-shadow {
  box-shadow: inset 0 0 7rem rgba(9, 21, 39, 0.6);
}

/*# sourceMappingURL=app.css.map */