html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  font-family: kinesis-pro-3, Georgia, Times, "Times New Roman", serif;
  font-size: 1.4em;
  line-height: 1.5;
  background: #f8f8f8;
  color: #333;
}
body::before {
  z-index: 1337;
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 5px;
  background-image: linear-gradient(to right, #882000 5%,#68d0a8 5%,#68d0a8 14%,#a838a0 14%,#a838a0 22%,#50b818 22%,#50b818 31%,#181090 31%,#181090 38%,#f0e858 38%,#f0e858 43%,#a04800 43%,#a04800 49%,#472b1b 49%,#472b1b 54%,#c87870 54%,#c87870 60%,#484848 60%,#484848 67%,#808080 67%,#808080 72%,#98ff98 72%,#98ff98 82%,#5090d0 82%,#5090d0 94%,#b8b8b8 94%);
  background: linear-gradient(to left, #FF4E50 , #F9D423);
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 1.5em;
}

/**
 * Basic
 */
h1, h2, h3, h4, h5, h6 {
  font-style: italic;
  font-weight: bold;
  margin: 1em 0;
  line-height: 1;

  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
}
h1 {
  font-size: 2.6179em;
  margin: 0.5em 0;
}
h2 {
  font-size: 2.0581em;
}
h3 {
  font-size: 1.618em;
}
h4 {
  font-size: 1.272em;
}
a {
  color: #0898fe;
}

main article > *,
.content-width {
  max-width: 46rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-left: auto;
  margin-right: auto;
}
.large-content-width {
  max-width: 90%;
}
.center_image {
  display: block;
  margin: 0 auto 1.5em auto;
}
header {
  position: relative;
  padding: 1.25em 0 1em 0;
  height: 8em;
  margin-top: 5px;
  background: #333;
  text-align: center;
}
header div,
header img {
  height: 100%;
}
main {
  display: block;
  padding: 1em 0;
  line-height: 1.5;
}
main li {
  margin: 0 0 1em 3em;
}
footer {
  padding: 2rem 0;
  margin: 2rem 0 0 0;
  font-size: 0.8em;
  border-top: 1px solid #808080;
  color: #808080;
  text-align: center;
}
footer ul {
  margin: 1rem 0 0 0;
  list-style: none;
}
footer li {
  display: inline-block;
  padding: 0 1em;
}
ul.posts,
ul.projects {
  margin-top: 2em;
  list-style: none;
}
ul.posts li,
ul.projects li {
  margin: 0 0 0.35em 0;
}
ul.posts li span {
  display: inline-block;
  min-width: 6em;
  float: left;
}
ul.posts li a {
  display: block;
  overflow: hidden;
}
p {
  margin-bottom: 1.5em;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.meta {
  color: #808080;
  /*margin-bottom: 3em;*/
}
article p:nth-of-type(2) {
  font-size: 1.2em;
}
sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 0;
}
.footnotes {
  border-top: 1px solid #808080;
  color: #808080;
  padding-top: 1.5em;
}
blockquote {
  font-style: italic;
  text-align: center;
  font-size: 1.5em;
  padding: 0.35em;
  background-color: #f0f0f0;
  margin-bottom: 1.5em;
}
figure {
  margin-bottom: 1.5em;
}
figcaption {
  clear: left;
  text-align: center;
  color: #808080;
  font-style: italic;
  padding-top: 0.5em;
}
.big-quote {
  font-size: 3em;
}
.cf:before,
.cf:after {
  content: ' ';
  display: table;
}
.cf:after {
  clear: both;
}
code:not([class]) {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  padding: 0 0.25em;
  white-space: pre;
}
#disqus_thread {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid rgba(0,49,79,.08);
  border-top: 1px solid #808080;
}
.webstatscounter {
  margin-top: 3em;
  font-size: 0.9em;
  color: #808080;
  text-align: center;
}
.webstatscounter img {
  vertical-align: middle;
}
.stretch-img {
  max-width: 100%;
}
.stretch-img-padded {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.note {
  background: #e8e8e8;
  color: #808080;
  padding: 0.8em 1em;
  margin-bottom: 1.5em;
}
.highlight {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  font-size: 80%;
  margin-bottom: 1.5em;
  padding: 1em;

  background: #272822;
  color: #f8f8f2;
  white-space: pre;

  max-height: 70em;
  overflow: auto;
}
.highlight .lineno {
  display: inline-block;
  padding: 0 1em;
  color: #75715e;
}
.highlight .hll { background-color: #49483e }
.highlight pre { background: transparent; color: #f8f8f2 }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .cm { color: #75715e } /* Comment.Multiline */
.highlight .cp { color: #75715e } /* Comment.Preproc */
.highlight .c1 { color: #75715e } /* Comment.Single */
.highlight .cs { color: #75715e } /* Comment.Special */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */