body
{
  font-size : 160%;
}

body
{
  background-color : #010e26;
  color            : #8ca3d0;
  font-family      : "Avenir","Helvetica Neue","Source Sans Pro","Liberation Sans", sans-serif;
}

header
{
  font-weight : bold;
  font-size   : 2em;
  font-style  : italic;
  color       : #011944;
  text-align  : center;
}

header a
{
  color           : inherit;
  text-decoration : inherit;
  font-weight     : inherit;
}

#logo
{
  padding-top      : 0.5em;
  padding-bottom   : 0.5em;
  padding-left     : 2em;
  padding-right    : 2em;
  margin-bottom    : 0.29999em;
  background-color : #fc4953;
  display          : inline-block;
}

nav
{
  display         : flex;
  flex-wrap       : wrap;
  justify-content : center;
}

nav span
{
  padding-left   : 1em;
  padding-right  : 1em;
  padding-top    : 0.5em;
  padding-bottom : 0.5em;
  display        : inline-block;
  margin-bottom  : 0.29999em;
  margin-left    : 0.29999em;
}

header nav span:nth-child(5n+1)
{
  background-color : #fd945d;
}

header nav span:nth-child(5n+2)
{
  background-color : #fc6655;
}

header nav span:nth-child(5n+3)
{
  background-color : #dc2d53;
}

header nav span:nth-child(5n+4)
{
  background-color : #cc384f;
}

header nav span:nth-child(5n+5)
{
  background-color : #fc4953;
}

.container
{
  margin-left      : auto;
  margin-right     : auto;
  margin-top       : 2em;
  margin-bottom    : 2em;
  padding          : 2em 2em 2em 2em;
  font-size        : 1.1em;
  background-color : #011539;
}

.container a
{
  color         : #8ca3d0;
  padding-left  : 0.2em;
  padding-right : 0.2em;
}

.container figure img
{
  max-width    : 100%;
  display      : block;
  margin-left  : auto;
  margin-right : auto;
}

.index
{
  padding-left : 1em;
}

.index li
{
  list-style : none inside none;
}

.index-item
{
  padding-bottom : 0.5em;
  margin-bottom  : 1.5em;
}

.index-item .title
{
  font-family   : "Avenir","Helvetica Neue","Source Sans Pro","Liberation Sans", sans-serif;
  display       : block;
  margin-bottom : 0.2em;
}

.index-item .title a
{
  font-size        : 1.39999em;
  font-style       : italic;
  font-weight      : bold;
  color            : #010e26;
  background-color : #fd945d;
  text-decoration  : none;
}

.date
{
  font-family      : "Avenir","Helvetica Neue","Source Sans Pro","Liberation Sans", sans-serif;
  color            : #010e26;
  background-color : #8ca3d0;
  padding-left     : 0.2em;
  padding-right    : 0.2em;
}

.index .date
{
  font-size    : 0.69999em;
  margin-right : 0.4em;
}

.index .tags
{
  font-size : 0.69999em;
}

.tags a
{
  color           : #010e26;
  text-decoration : none;
  margin-right    : 0.29999em;
}

.topmatter .tag-0
{
  background-color : #fc6655;
}

.tags .tag-0
{
  background-color : #fc6655;
}

.topmatter .tag-1
{
  background-color : #dc2d53;
}

.tags .tag-1
{
  background-color : #dc2d53;
}

.topmatter .tag-2
{
  background-color : #cc384f;
}

.tags .tag-2
{
  background-color : #cc384f;
}

.topmatter .tag-3
{
  background-color : #fc4953;
}

.tags .tag-3
{
  background-color : #fc4953;
}

.topmatter .tag-4
{
  background-color : #fd945d;
}

.tags .tag-4
{
  background-color : #fd945d;
}

.meta-key
{
  margin-right : 0.25em;
}

.topmatter
{
  margin-bottom : 3.5em;
}

.topmatter .date
{
  font-size    : 0.8em;
  margin-right : 0.4em;
}

.topmatter .tags
{
  font-size : 0.8em;
}

h1
{
  font-style      : italic;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 1.5em;
  margin-bottom   : 0.1em;
}

h2
{
  font-style      : italic;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 1.5em;
  margin-bottom   : 0.1em;
}

h3
{
  font-style      : italic;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 1.5em;
  margin-bottom   : 0.1em;
}

h4
{
  font-style      : italic;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 1.5em;
  margin-bottom   : 0.1em;
}

h5
{
  font-style      : italic;
  font-weight     : bold;
  text-decoration : none;
  margin-top      : 1.5em;
  margin-bottom   : 0.1em;
}

h1
{
  margin-top : 0.1em;
}

p
{
  margin-top : 0.4em;
}

h1 span
{
  color            : #010e26;
  background-color : #fd945d;
  padding-left     : 0.2em;
  padding-right    : 0.2em;
  font-size        : 1.1em;
  text-decoration  : none;
}

code
{
  font-family      : "Menlo","Monaco","Source Code Pro","DejaVu Sans Mono", monospace;
  overflow         : auto;
  font-size        : 0.8em;
  padding-left     : 0.2em;
  padding-right    : 0.2em;
  color            : #8ca3d0;
  background-color : #011944;
}

pre
{
  font-family      : "Menlo","Monaco","Source Code Pro","DejaVu Sans Mono", monospace;
  overflow         : auto;
  padding          : 1em 1em 1em 1em;
  background-color : #010e26;
}

pre code
{
  font-size        : 0.69999em;
  background-color : inherit;
}

blockquote
{
  border-left      : solid 0.08em #8ca3d0;
  padding-top      : 0.5em;
  padding-bottom   : 0.5em;
  padding-left     : 1em;
  padding-right    : 0.5em;
  font-style       : italic;
  background-color : #011944;
}

blockquote p
{
  margin-top    : 0.4em;
  margin-bottom : 0.4em;
}

footer
{
  margin-left  : auto;
  margin-right : auto;
  color        : #38386d;
  text-align   : center;
}

table.sourceCode
{
  margin  : 0em 0em 0em 0em;
  padding : 0em 0em 0em 0em;
  border  : none 0em #aaaaaa;
}

tr.sourceCode
{
  margin  : 0em 0em 0em 0em;
  padding : 0em 0em 0em 0em;
  border  : none 0em #aaaaaa;
}

td.lineNumbers
{
  margin  : 0em 0em 0em 0em;
  padding : 0em 0em 0em 0em;
  border  : none 0em #aaaaaa;
}

td.sourceCode
{
  margin  : 0em 0em 0em 0em;
  padding : 0em 0em 0em 0em;
  border  : none 0em #aaaaaa;
}

table.sourceCode pre
{
  margin  : 0em 0em 0em 0em;
  padding : 0em 0em 0em 0em;
  border  : none 0em #aaaaaa;
}

td.lineNumbers
{
  border-right  : solid 1px #aaaaaa;
  text-align    : right;
  color         : #aaaaaa;
  padding-right : 5px;
  padding-left  : 5px;
}

td.sourceCode
{
  padding-left : 5px;
}

.sourceCode span.kw
{
  color       : #fd945d;
  font-weight : bold;
}

.sourceCode span.dt
{
  color : #fc6655;
}

.sourceCode span.dv
{
  color : #40a070;
}

.sourceCode span.bn
{
  color : #40a070;
}

.sourceCode span.fl
{
  color : #40a070;
}

.sourceCode span.ch
{
  color : #40a070;
}

.sourceCode span.st
{
  color : #fc4953;
}

.sourceCode span.co
{
  color      : #fc4953;
  font-style : italic;
}

.sourceCode span.ot
{
  color : #fd945d;
}

.sourceCode span.al
{
  color       : #dc2d53;
  font-weight : bold;
}

.sourceCode span.er
{
  color       : #fc6655;
  font-weight : bold;
}

@media screen and (min-width: 45em)
{

#container
{
  max-width : 45em;
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1)
{

@media screen and (min-device-width: 1200px) and (max-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (min--moz-device-pixel-ratio: 1)
{

@media screen and (min-device-width: 1200px) and (max-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (-o-min-device-pixel-ratio: 1)
{

@media screen and (min-device-width: 1200px) and (max-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (min-device-pixel-ratio: 1)
{

@media screen and (min-device-width: 1200px) and (max-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2)
{

@media screen and (min-device-width: 1200px) and (min-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (min--moz-device-pixel-ratio: 2)
{

@media screen and (min-device-width: 1200px) and (min-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (-o-min-device-pixel-ratio: 2)
{

@media screen and (min-device-width: 1200px) and (min-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}
@media only screen and (min-device-pixel-ratio: 2)
{

@media screen and (min-device-width: 1200px) and (min-resolution: 192dpi)
{

body
{
  font-size : 100%;
}

}
}

/* Generated with Clay, http://fvisser.nl/clay */