/*** colors.css v2.0.0 http://clrs.cc @mrmrs MIT License
***/
/*
 SKINS - Backgrounds - Colors - Border colors - SVG fills - SVG Strokes

*/
/* Backgrounds */
.bg-navy { background-color: #001F3F; }

.bg-blue { background-color: #0074D9; }

.bg-aqua { background-color: #7FDBFF; }

.bg-teal { background-color: #39CCCC; }

.bg-olive { background-color: #3D9970; }

.bg-green { background-color: #2ECC40; }

.bg-lime { background-color: #01FF70; }

.bg-yellow { background-color: #FFDC00; }

.bg-orange { background-color: #FF851B; }

.bg-red { background-color: #FF4136; }

.bg-fuchsia { background-color: #F012BE; }

.bg-purple { background-color: #B10DC9; }

.bg-maroon { background-color: #85144B; }

.bg-white { background-color: #fff; }

.bg-gray { background-color: #aaa; }

.bg-silver { background-color: #ddd; }

.bg-black { background-color: #111; }

/* Colors */
.navy { color: #001F3F; }

.blue { color: #0074D9; }

.aqua { color: #7FDBFF; }

.teal { color: #39CCCC; }

.olive { color: #3D9970; }

.green { color: #2ECC40; }

.lime { color: #01FF70; }

.yellow { color: #FFDC00; }

.orange { color: #FF851B; }

.red { color: #FF4136; }

.fuchsia { color: #F012BE; }

.purple { color: #B10DC9; }

.maroon { color: #85144B; }

.white { color: #fff; }

.silver { color: #ddd; }

.gray { color: #aaa; }

.black { color: #111; }

/* Border colors 
 Use with another border utility that sets border-width and style  i.e .border { border-width: 1px; border-style: solid; }     
*/
.border--navy { border-color: #001F3F; }

.border--blue { border-color: #0074D9; }

.border--aqua { border-color: #7FDBFF; }

.border--teal { border-color: #39CCCC; }

.border--olive { border-color: #3D9970; }

.border--green { border-color: #2ECC40; }

.border--lime { border-color: #01FF70; }

.border--yellow { border-color: #FFDC00; }

.border--orange { border-color: #FF851B; }

.border--red { border-color: #FF4136; }

.border--fuchsia { border-color: #F012BE; }

.border--purple { border-color: #B10DC9; }

.border--maroon { border-color: #85144B; }

.border--white { border-color: #fff; }

.border--gray { border-color: #aaa; }

.border--silver { border-color: #ddd; }

.border--black { border-color: #111; }

/* Fills for SVG */
.fill-navy { fill: #001F3F; }

.fill-blue { fill: #0074D9; }

.fill-aqua { fill: #7FDBFF; }

.fill-teal { fill: #39CCCC; }

.fill-olive { fill: #3D9970; }

.fill-green { fill: #2ECC40; }

.fill-lime { fill: #01FF70; }

.fill-yellow { fill: #FFDC00; }

.fill-orange { fill: #FF851B; }

.fill-red { fill: #FF4136; }

.fill-fuchsia { fill: #F012BE; }

.fill-purple { fill: #B10DC9; }

.fill-maroon { fill: #85144B; }

.fill-white { fill: #fff; }

.fill-gray { fill: #aaa; }

.fill-silver { fill: #ddd; }

.fill-black { fill: #111; }

/* Strokes for SVG */
.stroke-navy { stroke: #001F3F; }

.stroke-blue { stroke: #0074D9; }

.stroke-aqua { stroke: #7FDBFF; }

.stroke-teal { stroke: #39CCCC; }

.stroke-olive { stroke: #3D9970; }

.stroke-green { stroke: #2ECC40; }

.stroke-lime { stroke: #01FF70; }

.stroke-yellow { stroke: #FFDC00; }

.stroke-orange { stroke: #FF851B; }

.stroke-red { stroke: #FF4136; }

.stroke-fuchsia { stroke: #F012BE; }

.stroke-purple { stroke: #B10DC9; }

.stroke-maroon { stroke: #85144B; }

.stroke-white { stroke: #fff; }

.stroke-gray { stroke: #aaa; }

.stroke-silver { stroke: #ddd; }

.stroke-black { stroke: #111; }

.pull-center { text-align: center; }

.invisible { visibility: hidden; }

* { box-sizing: border-box; }

html { position: relative; min-height: 100%; }

body { /* Margin bottom by footer height */ margin-bottom: 45px; }

.site-footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 45px; }

body { padding: 0; margin: 0; font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #606c71; }

a { color: #310000; text-decoration: none; }
a:hover { text-decoration: underline; color: #640000; }

.page-header { color: #fff; text-align: center; background-color: #640000; }
@media screen and (min-width: 64em) { .page-header { padding: 5rem 6rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .page-header { padding: 3rem 4rem; } }
@media screen and (max-width: 42em) { .page-header { padding: 2rem 1rem; } }

.project-name { font-family: "Audiowide", "Helvetica", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 0.1rem; color: #fff; }
@media screen and (min-width: 64em) { .project-name { font-size: 4rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .project-name { font-size: 2.75rem; } }
@media screen and (max-width: 42em) { .project-name { font-size: 2rem; } }

.project-tagline { margin-bottom: 2rem; font-weight: normal; opacity: 0.7; }
@media screen and (min-width: 64em) { .project-tagline { font-size: 1.25rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .project-tagline { font-size: 1.15rem; } }
@media screen and (max-width: 42em) { .project-tagline { font-size: 1rem; } }

.page-title { margin-bottom: 2rem; font-weight: bold; text-align: center; }
@media screen and (min-width: 64em) { .page-title { font-size: 3.25rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .page-title { font-size: 2.25rem; } }
@media screen and (max-width: 42em) { .page-title { font-size: 1.75rem; } }

@media screen and (min-width: 64em) { .main-content { max-width: 64rem; padding: 2rem 6rem; margin: 0 auto; font-size: 1.1rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .main-content { padding: 2rem 4rem; font-size: 1.1rem; } }
@media screen and (max-width: 42em) { .main-content { padding: 2rem 1rem; font-size: 1rem; } }
.main-content :first-child { margin-top: 0; }
.main-content img { max-width: 100%; }
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 2rem; margin-bottom: 1rem; font-weight: normal; }
.main-content p { margin-bottom: 1em; }
.main-content code { padding: 2px 4px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.9rem; color: #383e41; background-color: #f3f6fa; border-radius: 0.3rem; }
.main-content pre { padding: 0.8rem; margin-top: 0; margin-bottom: 1rem; font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace; color: #567482; word-wrap: normal; background-color: #f3f6fa; border: solid 1px #dce6f0; border-radius: 0.3rem; }
.main-content pre > code { padding: 0; margin: 0; font-size: 0.9rem; color: #567482; word-break: normal; white-space: pre; background: transparent; border: 0; }
.main-content .highlight { margin-bottom: 1rem; }
.main-content .highlight pre { margin-bottom: 0; word-break: normal; }
.main-content .highlight pre, .main-content pre { padding: 0.8rem; overflow: auto; font-size: 0.9rem; line-height: 1.45; border-radius: 0.3rem; -webkit-overflow-scrolling: touch; }
.main-content pre code, .main-content pre tt { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; }
.main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { content: normal; }
.main-content ul, .main-content ol { margin-top: 0; }
.main-content blockquote { padding: 0 1rem; margin-left: 0; color: #819198; border-left: 0.3rem solid #dce6f0; }
.main-content blockquote > :first-child { margin-top: 0; }
.main-content blockquote > :last-child { margin-bottom: 0; }
.main-content table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; -webkit-overflow-scrolling: touch; }
.main-content table th { font-weight: bold; }
.main-content table th, .main-content table td { padding: 0.5rem 1rem; border: 1px solid #e9ebec; }
.main-content dl { padding: 0; }
.main-content dl dt { padding: 0; margin-top: 1rem; font-size: 1rem; font-weight: bold; }
.main-content dl dd { padding: 0; margin-bottom: 1rem; }
.main-content hr { height: 2px; padding: 0; margin: 1rem 0; background-color: #eff0f1; border: 0; }

.site-footer { padding-top: 0.5rem; margin-top: 0.5rem; border-top: solid 1px #eff0f1; }
@media screen and (min-width: 64em) { .site-footer { font-size: 1rem; } }
@media screen and (min-width: 42em) and (max-width: 64em) { .site-footer { font-size: 1rem; } }
@media screen and (max-width: 42em) { .site-footer { font-size: 0.9rem; } }

.site-footer.owner { display: block; font-weight: bold; }

.site-footer.credits { color: #819198; }

/* Navbar - The Library
A library for Navbars that's *sane*, *flat*, and *customizable*. Yay!
BSD 3-clause licensed. Copyright 2015 Liam Marshall
*/
*, *:before, *:after { box-sizing: inherit; }

html { box-sizing: border-box; }

.navbar { display: flex; align-items: center; width: 100%; background: #fff; padding: 20px; }
.navbar > * { margin: 0 10px; }

@media (max-width: 650px) { .navbar { flex-wrap: wrap; } }
.post-summary { word-wrap: break-word; padding-bottom: 2rem; border-bottom: #ebf2f6 1px solid; }
.post-summary .title h2 { margin-bottom: 0.4em; }

.meta { margin-top: 1rem; }
.meta .date { display: inline-block; margin-left: 8px; padding-left: 12px; border-left: #d5dbde 1px solid; font-size: 1.3rem; white-space: nowrap; }
.meta .author { font-weight: 700; }

.post { word-wrap: break-word; }
.post .meta { margin-top: 0 !important; }
.post h1 { margin-bottom: 0 !important; }
.post section.post-content { margin-top: 3.4rem; }

.highlight { background: #ffffff; }

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

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

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

/* Keyword */
.highlight .o { font-weight: bold; }

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

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

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

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

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

/* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa; }

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

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

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

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

/* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa; }

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

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

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

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

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

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

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

/* Keyword.Declaration */
.highlight .kp { font-weight: bold; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Literal.Number.Integer.Long */