@charset "UTF-8";
/*
 BASSCSS
 Next-level CSS toolkit - http://jxnblk.github.io/basscss
 Made with love by Jxnblk - ©2014 Brent Jackson MIT License http://opensource.org/licenses/MIT

*/
body, button, input, select, textarea, pre { margin: 0; }

h1, h2, h3, h4, h5, h6, p, dl, ol, ul { margin-top: 0; margin-bottom: 1rem; }

button, input, select, textarea { font-family: inherit; font-size: 100%; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }

body { font-family: 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.5rem; font-weight: 400; }

h1, .h1, .f1 { font-size: 2rem; line-height: 2.5rem; }

h2, .h2, .f2 { font-size: 1.5rem; line-height: 2rem; }

h3, .h3, .f3 { font-size: 1.25rem; line-height: 1.5rem; }

p, .p, .f4, h4, h5, h6, dl, ol, ul { font-size: 1.125rem; line-height: 1.5rem; }

small, .small, .f5 { font-size: .875rem; line-height: 1.5rem; }

@media screen and (min-width: 48em) { .h1 { font-size: 4rem; line-height: 5rem; }
  .h2 { font-size: 2rem; line-height: 2.5rem; }
  .h3 { font-size: 1.5rem; line-height: 2rem; }
  .p { font-size: 1.25rem; line-height: 2rem; }
  .small { font-size: 1rem; } }
@media screen and (min-width: 64em) { .h1 { font-size: 6rem; line-height: 8rem; }
  .h2 { font-size: 3rem; line-height: 3.5rem; } }
strong, .bold { font-weight: bold; }

.regular { font-weight: normal; }

.italic, .post-footer { font-style: italic; }

.caps { text-transform: uppercase; letter-spacing: .2em; }

.center { text-align: center; }

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

.measure { max-width: 48rem; }

.measure-narrow { max-width: 32rem; }

.measure-wide { max-width: 60rem; }

.leading-1 { line-height: 1.5rem; }

.leading-2 { line-height: 2rem; }

.leading-3 { line-height: 3rem; }

.leading-4 { line-height: 4rem; }

.m0 { margin: 0; }

.mb0 { margin-bottom: 0; }

.m1 { margin: 1rem; }

.mt1 { margin-top: 1rem; }

.mr1 { margin-right: 1rem; }

.mb1 { margin-bottom: 1rem; }

.ml1 { margin-left: 1rem; }

.m2 { margin: 2rem; }

.mt2 { margin-top: 2rem; }

.mr2 { margin-right: 2rem; }

.mb2 { margin-bottom: 2rem; }

.ml2 { margin-left: 2rem; }

.m3 { margin: 3rem; }

.mt3 { margin-top: 3rem; }

.mr3 { margin-right: 3rem; }

.mb3 { margin-bottom: 3rem; }

.ml3 { margin-left: 3rem; }

.m4 { margin: 4rem; }

.mt4 { margin-top: 4rem; }

.mr4 { margin-right: 4rem; }

.mb4 { margin-bottom: 4rem; }

.ml4 { margin-left: 4rem; }

.wrap { margin-right: auto; margin-left: auto; }

.m-responsive { margin: 2rem; }

.mt-responsive { margin-top: 2rem; }

.mr-responsive { margin-right: 2rem; }

.mb-responsive { margin-bottom: 2rem; }

.ml-responsive { margin-left: 2rem; }

@media screen and (min-width: 48em) and (max-width: 64em) { .m-responsive { margin: 3rem; }
  .mt-responsive { margin-top: 3rem; }
  .mr-responsive { margin-right: 3rem; }
  .mb-responsive { margin-bottom: 3rem; }
  .ml-responsive { margin-left: 3rem; } }
@media screen and (min-width: 64em) { .m-responsive { margin: 4rem; }
  .mt-responsive { margin-top: 4rem; }
  .mr-responsive { margin-right: 4rem; }
  .mb-responsive { margin-bottom: 4rem; }
  .ml-responsive { margin-left: 4rem; } }
.p1 { padding: 1rem; }

.px1 { padding-right: 1rem; padding-left: 1rem; }

.py1 { padding-top: 1rem; padding-bottom: 1rem; }

.p2 { padding: 2rem; }

.px2 { padding-right: 2rem; padding-left: 2rem; }

.py2 { padding-top: 2rem; padding-bottom: 2rem; }

.p3 { padding: 3rem; }

.px3 { padding-right: 3rem; padding-left: 3rem; }

.py3 { padding-top: 3rem; padding-bottom: 3rem; }

.p4 { padding: 4rem; }

.px4 { padding-right: 4rem; padding-left: 4rem; }

.py4 { padding-top: 4rem; padding-bottom: 4rem; }

.p-responsive { padding: 1.5rem; }

.px-responsive { padding-right: 1.5rem; padding-left: 1.5rem; }

.py-responsive { padding-top: 1.5rem; padding-bottom: 1.5rem; }

@media screen and (min-width: 48em) and (max-width: 64em) { .p-responsive { padding: 3rem; }
  .px-responsive { padding-right: 3rem; padding-left: 3rem; }
  .py-responsive { padding-top: 3rem; padding-bottom: 3rem; } }
@media screen and (min-width: 64em) { .p-responsive { padding: 4rem; }
  .px-responsive { padding-right: 4rem; padding-left: 4rem; }
  .py-responsive { padding-top: 4rem; padding-bottom: 4rem; } }
.inline { display: inline; }

.block { display: block; }

.inline-block { display: inline-block; }

.oh { overflow: hidden; }

.left { float: left; }

.right { float: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.fit { max-width: 100%; }

.full-width { width: 100%; }

.half-width { width: 50%; }

.mobile-show { display: none; }

@media screen and (max-width: 48em) { .mobile-show, .mobile-block { display: block; }
  .mobile-block { width: 100%; }
  .mobile-hide { display: none; }
  .mobile-center { text-align: center; } }
.button { font-family: inherit; font-weight: bold; text-decoration: none; cursor: pointer; border: none; -webkit-appearance: none; appearance: none; white-space: nowrap; display: inline-block; line-height: 2rem; height: auto; min-height: 2rem; padding: .5rem 1rem; }

.button-big { padding: 1rem 1.5rem; }

.button-small { padding: 0 1rem; }

.form { font-size: 1rem; }

.input { appearance: none; border-style: solid; border-width: 1px; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: 3rem; line-height: 2rem; padding: .5rem; border-radius: .25rem; }

.select { box-sizing: border-box; height: 3rem; margin-right: 0; margin-left: 0; border-radius: .25rem; }

.textarea { box-sizing: border-box; padding: 1rem; line-height: 1.5rem; border-radius: .25rem; }

.form-stacked label, .form-stacked .input, .form-stacked .select { display: block; width: 100%; }

.form-stacked .input, .form-stacked .select, .form-stacked .radio, .form-stacked .checkbox { margin-bottom: 1rem; }

.list { padding-left: 2rem; }

.list-simple { list-style: none; padding-left: 0; }

.list-inline { list-style: none; padding-left: 0; }

.list-inline li { display: inline; white-space: nowrap; }

.relative { position: relative; }

.absolute { position: absolute; }

.fixed { position: fixed; }

.t0 { top: 0; }

.r0 { right: 0; }

.b0 { bottom: 0; }

.l0 { left: 0; }

.z1 { z-index: 1; }

.z2 { z-index: 2; }

.z3 { z-index: 3; }

.z4 { z-index: 4; }

.absolute-center { top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: table; }

.white { color: #fff; }

.blue { color: #0096cc; }

.light-gray { color: #eeeeee; }

.mid-gray { color: #777777; }

.dark-gray { color: #333333; }

.red { color: #ff5522; }

.green { color: #00ff66; }

.orange { color: #ffcc22; }

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

.bg-blue { background-color: #0096cc; }

.bg-light-gray { background-color: #eeeeee; }

.bg-mid-gray { background-color: #777777; }

.bg-dark-gray { background-color: #333333; }

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

.bg-green { background-color: #00ff66; }

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

body { color: #333333; background-color: #fff; }

a { color: #0096cc; text-decoration: none; }

a:hover { color: #007199; }

.button { border-radius: .25rem; transition-duration: .2s; transition-timing-function: ease; transition-property: box-shadow , background-color; }

.button:focus { outline: none; box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(0, 150, 204, 0.5); }

.button-blue { color: #fff; background-color: #0096cc; }

.button-blue:hover { color: #fff; background-color: #004b66; }

.button-gray { color: #fff; background-color: #777777; }

.button-gray:hover { color: #fff; background-color: #444444; }

.form-light .input, .form-light .textarea, .form-light .select { transition: box-shadow .2s ease; border-color: #777777; }

.form-light .input:focus, .form-light .textarea:focus, .form-light .select:focus { outline: none; border-color: #0096cc; box-shadow: 0 0 0.125rem rgba(0, 150, 204, 0.5); }

.form-light .radio input, .form-light .checkbox input { transition: box-shadow .2s ease; }

.form-light .radio input:focus, .form-light .checkbox input:focus { outline: none; box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(0, 150, 204, 0.5); }

.form-light .radio input { border-radius: 50%; }

.border { border-style: solid; border-width: 1px; }

.border-top { border-top-style: solid; border-top-width: 1px; }

.border-light-gray { border-color: #eeeeee; }

.rounded { border-radius: .25rem; }

.transition-all { transition: all .2s ease; }

/*
 Pixyll
 A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff.
 Best served with BASSCSS (http://jxnblk.github.io/basscss)
 Crafted with <3 by John Otander (@4lpine) - ©2015 John Otander MIT License http://opensource.org/licenses/MIT

*/
body { font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", serif; }

html, body { height: 100%; }

img { width: auto; max-width: 100%; }

.site-wrap { min-height: 100%; margin-bottom: -120px; }

.site-wrap:after { content: ""; display: block; }

.footer, .site-wrap:after { height: 120px; }

body { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.gist, .gist .highlight .p { font-size: 0.75rem; }

.gist .lines { width: 100%; }

.site-header a { color: #333; font-weight: 300; }

.site-header nav a { font-size: 0.975rem; color: #666; }

.site-header nav a:hover { color: #444; opacity: 1; border-bottom: 2px solid #444; }

.site-nav a + a { margin-left: 1em; }

.site-nav { margin: 0; padding: 0; }

.site-header a:hover, .posts .post a:hover .post-meta, .posts .post a:hover .post-title, .posts .post a:hover .post-summary { opacity: 0.88; }

/* Table styles copied from Bootstrap Copyright (c) 2013 Twitter, Inc
*/
table { width: 100%; max-width: 100%; margin-bottom: 1.5; }
table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td { padding: 12px; line-height: 1.2; vertical-align: top; border-top: 1px solid #333; }
table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #333; }
table > caption + thead > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > th, table > thead:first-child > tr:first-child > td { border-top: 0; }
table > tbody + tbody { border-top: 2px solid #333; }

.related-post-title { border-bottom: thin solid #f3f3f3; }

.posts { margin: 0; }

.posts .post { margin-bottom: 0.75em; padding-bottom: .375em; border-bottom: thin solid #f3f3f3; }

.posts .post:last-child { border-bottom: none; margin-bottom: .375em; padding-bottom: 0; }

.post-link .post-title { margin-top: 0; font-weight: 600; color: #333; }

.post-footer { margin-top: .75rem; text-align: center; }

.post-footer .avatar { margin: 2rem 0; width: 100px; border-radius: 50%; }

.pagination, .button { font-size: 0.75rem; font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; text-align: center; }

.pagination a, .pagination .disabled { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #fafafa; border-radius: 0.1875em; border: 1px solid #f3f3f3; color: #333333; padding: 1em 1.5em; }

.pagination .disabled { opacity: 0.5; }

.pagination a:hover, .pagination a:focus { background: white; color: #477dca; }

.pagination a:active { background: #f7f7f7; }

.wrap .measure { margin: 0 auto; }

.meta, .post-meta { width: auto; font-size: 0.975rem; font-weight: 300; margin: 0; padding: .25em 0; color: #7a7a7a; font-style: italic; }

.pagination .button { font-size: 0.975rem; font-weight: 300; letter-spacing: 1px; }

.button-disabled { opacity: 0.55; background-color: #999; }

.button-disabled:hover, .button-disabled:active, .button-disabled:focus { cursor: not-allowed; background-color: #999; }

form { font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; font-size: 0.975rem; }

textarea.input { height: 8em; }

p { font-weight: 300; line-height: 1.5; color: #333; }

abbr { border-bottom: 1px black dotted; cursor: help; }

pre, code { font-family: Menlo, Monaco, "Courier New", monospace; }

code { color: #7a7a7a; }

pre { padding: 1.125em; font-size: 1.275rem; line-height: 1.11; overflow-x: scroll; margin-bottom: 0.88em; }

.highlight .p { font-size: 1.275rem; line-height: 1; }

blockquote { padding: 1.33em; font-style: italic; border-left: 5px solid #7a7a7a; }

blockquote footer { font-size: 0.825rem; font-style: normal; background-color: #fff; color: #7a7a7a; border-color: transparent; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif; font-weight: 900; line-height: 1.2; margin: 1em 0 0.5em; }

.social-icons { padding: 0.5em 0 0 0; font-size: 1.275rem; width: 100%; }

.social-icons a.fa { padding: 0.2em; opacity: 0.8; cursor: pointer; }

.social-icons a.fa:hover { opacity: 1; }

.social-icons iframe[title=Flattr] { position: relative; top: 0.1em; }

@media screen and (min-width: 48em) { .site-header .site-title { float: left; }
  .meta, .post-meta { margin: 0; padding: 0; font-size: 1.275rem; }
  .p, p, li { line-height: 1.8; }
  .post-link .post-title { margin-top: 0.5em; }
  .posts .post { margin-bottom: 1.333em; padding-bottom: 0.666em; border-bottom: thin solid #f3f3f3; }
  .posts .post:last-child { border-bottom: none; margin-bottom: .333em; padding-bottom: 0; } }
@media screen and (max-width: 48em) { blockquote { margin-left: 1rem; margin-right: 0; padding: 0.5em; }
  .site-header { text-align: center; }
  .site-header .site-title { float: center; }
  .site-header .site-nav { width: 100%; float: left; text-align: center; margin-top: 0.666em; margin-bottom: 1.333em; }
  .social-icons .left, .social-icons .right { text-align: center; float: none; } }
@media screen and (min-width: 64em) { .posts .post-meta { padding-bottom: .2em; }
  .post-link .post-title { margin-top: .125em; }
  .posts .post { margin-bottom: 2.666em; padding-bottom: 1.333em; border-bottom: thin solid #f3f3f3; }
  .posts .post:last-child { border-bottom: none; margin-bottom: .666em; padding-bottom: 0; } }
.share-page { font-size: 1.275rem; padding: 2em 0 0 0; }

.share-page div { font-size: 1.275rem; }

footer { border-top: thin solid #f3f3f3; }

footer, footer .wrap { color: #7a7a7a; background-color: #fafafa; font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; font-weight: 300; clear: both; }

footer:after { content: ""; display: block; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px) translate3d(0, 0, 0); -ms-transform: translateY(-20px) translate3d(0, 0, 0); transform: translateY(-20px) translate3d(0, 0, 0); }
  100% { opacity: 1; -webkit-transform: translateY(0) translate3d(0, 0, 0); -ms-transform: translateY(0) translate3d(0, 0, 0); transform: translateY(0) translate3d(0, 0, 0); } }
.fade-in-down { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

/* Solarized Dark

For use with Jekyll and Pygments

http://ethanschoonover.com/solarized

SOLARIZED HEX      ROLE
--------- -------- ------------------------------------------
base03    #002b36  background
base01    #586e75  comments / secondary content
base1     #93a1a1  body text / default code / primary content
orange    #cb4b16  constants
red       #dc322f  regex, special keywords
blue      #268bd2  reserved keywords
cyan      #2aa198  strings, numbers
green     #859900  operators, other keywords
*/
.highlight, .gist-syntax .highlight { background-color: #002b36; color: #93a1a1; }

.highlight .c, .gist-syntax .highlight .c { color: #586e75; }

/* Comment */
.highlight .err, .gist-syntax .highlight .err { color: #93a1a1; }

/* Error */
.highlight .g, .gist-syntax .highlight .g { color: #93a1a1; }

/* Generic */
.highlight .k, .gist-syntax .highlight .k { color: #859900; }

/* Keyword */
.highlight .l, .gist-syntax .highlight .l { color: #93a1a1; }

/* Literal */
.highlight .n, .gist-syntax .highlight .n { color: #93a1a1; }

/* Name */
.highlight .o, .gist-syntax .highlight .o { color: #859900; }

/* Operator */
.highlight .x, .gist-syntax .highlight .x { color: #cb4b16; }

/* Other */
.highlight .p, .gist-syntax .highlight .p { color: #93a1a1; }

/* Punctuation */
.highlight .cm, .gist-syntax .highlight .cm { color: #586e75; }

/* Comment.Multiline */
.highlight .cp, .gist-syntax .highlight .cp { color: #859900; }

/* Comment.Preproc */
.highlight .c1, .gist-syntax .highlight .c1 { color: #586e75; }

/* Comment.Single */
.highlight .cs, .gist-syntax .highlight .cs { color: #859900; }

/* Comment.Special */
.highlight .gd, .gist-syntax .highlight .gd { color: #2aa198; }

/* Generic.Deleted */
.highlight .ge, .gist-syntax .highlight .ge { color: #93a1a1; font-style: italic; }

/* Generic.Emph */
.highlight .gr, .gist-syntax .highlight .gr { color: #dc322f; }

/* Generic.Error */
.highlight .gh, .gist-syntax .highlight .gh { color: #cb4b16; }

/* Generic.Heading */
.highlight .gi, .gist-syntax .highlight .gi { color: #859900; }

/* Generic.Inserted */
.highlight .go, .gist-syntax .highlight .go { color: #93a1a1; }

/* Generic.Output */
.highlight .gp, .gist-syntax .highlight .gp { color: #93a1a1; }

/* Generic.Prompt */
.highlight .gs, .gist-syntax .highlight .gs { color: #93a1a1; font-weight: bold; }

/* Generic.Strong */
.highlight .gu, .gist-syntax .highlight .gu { color: #cb4b16; }

/* Generic.Subheading */
.highlight .gt, .gist-syntax .highlight .gt { color: #93a1a1; }

/* Generic.Traceback */
.highlight .kc, .gist-syntax .highlight .kc { color: #cb4b16; }

/* Keyword.Constant */
.highlight .kd, .gist-syntax .highlight .kd { color: #268bd2; }

/* Keyword.Declaration */
.highlight .kn, .gist-syntax .highlight .kn { color: #859900; }

/* Keyword.Namespace */
.highlight .kp, .gist-syntax .highlight .kp { color: #859900; }

/* Keyword.Pseudo */
.highlight .kr, .gist-syntax .highlight .kr { color: #268bd2; }

/* Keyword.Reserved */
.highlight .kt, .gist-syntax .highlight .kt { color: #dc322f; }

/* Keyword.Type */
.highlight .ld, .gist-syntax .highlight .ld { color: #93a1a1; }

/* Literal.Date */
.highlight .m, .gist-syntax .highlight .m { color: #2aa198; }

/* Literal.Number */
.highlight .s, .gist-syntax .highlight .s { color: #2aa198; }

/* Literal.String */
.highlight .na, .gist-syntax .highlight .na { color: #93a1a1; }

/* Name.Attribute */
.highlight .nb, .gist-syntax .highlight .nb { color: #B58900; }

/* Name.Builtin */
.highlight .nc, .gist-syntax .highlight .nc { color: #268bd2; }

/* Name.Class */
.highlight .no, .gist-syntax .highlight .no { color: #cb4b16; }

/* Name.Constant */
.highlight .nd, .gist-syntax .highlight .nd { color: #268bd2; }

/* Name.Decorator */
.highlight .ni, .gist-syntax .highlight .ni { color: #cb4b16; }

/* Name.Entity */
.highlight .ne, .gist-syntax .highlight .ne { color: #cb4b16; }

/* Name.Exception */
.highlight .nf, .gist-syntax .highlight .nf { color: #268bd2; }

/* Name.Function */
.highlight .nl, .gist-syntax .highlight .nl { color: #93a1a1; }

/* Name.Label */
.highlight .nn, .gist-syntax .highlight .nn { color: #93a1a1; }

/* Name.Namespace */
.highlight .nx, .gist-syntax .highlight .nx { color: #93a1a1; }

/* Name.Other */
.highlight .py, .gist-syntax .highlight .py { color: #93a1a1; }

/* Name.Property */
.highlight .nt, .gist-syntax .highlight .nt { color: #268bd2; }

/* Name.Tag */
.highlight .nv, .gist-syntax .highlight .nv { color: #268bd2; }

/* Name.Variable */
.highlight .ow, .gist-syntax .highlight .ow { color: #859900; }

/* Operator.Word */
.highlight .w, .gist-syntax .highlight .w { color: #93a1a1; }

/* Text.Whitespace */
.highlight .mf, .gist-syntax .highlight .mf { color: #2aa198; }

/* Literal.Number.Float */
.highlight .mh, .gist-syntax .highlight .mh { color: #2aa198; }

/* Literal.Number.Hex */
.highlight .mi, .gist-syntax .highlight .mi { color: #2aa198; }

/* Literal.Number.Integer */
.highlight .mo, .gist-syntax .highlight .mo { color: #2aa198; }

/* Literal.Number.Oct */
.highlight .sb, .gist-syntax .highlight .sb { color: #586e75; }

/* Literal.String.Backtick */
.highlight .sc, .gist-syntax .highlight .sc { color: #2aa198; }

/* Literal.String.Char */
.highlight .sd, .gist-syntax .highlight .sd { color: #93a1a1; }

/* Literal.String.Doc */
.highlight .s2, .gist-syntax .highlight .s2 { color: #2aa198; }

/* Literal.String.Double */
.highlight .se, .gist-syntax .highlight .se { color: #cb4b16; }

/* Literal.String.Escape */
.highlight .sh, .gist-syntax .highlight .sh { color: #93a1a1; }

/* Literal.String.Heredoc */
.highlight .si, .gist-syntax .highlight .si { color: #2aa198; }

/* Literal.String.Interpol */
.highlight .sx, .gist-syntax .highlight .sx { color: #2aa198; }

/* Literal.String.Other */
.highlight .sr, .gist-syntax .highlight .sr { color: #dc322f; }

/* Literal.String.Regex */
.highlight .s1, .gist-syntax .highlight .s1 { color: #2aa198; }

/* Literal.String.Single */
.highlight .ss, .gist-syntax .highlight .ss { color: #2aa198; }

/* Literal.String.Symbol */
.highlight .bp, .gist-syntax .highlight .bp { color: #268bd2; }

/* Name.Builtin.Pseudo */
.highlight .vc, .gist-syntax .highlight .vc { color: #268bd2; }

/* Name.Variable.Class */
.highlight .vg, .gist-syntax .highlight .vg { color: #268bd2; }

/* Name.Variable.Global */
.highlight .vi, .gist-syntax .highlight .vi { color: #268bd2; }

/* Name.Variable.Instance */
.highlight .il, .gist-syntax .highlight .il { color: #2aa198; }

/* Literal.Number.Integer.Long */
body { font-size: 1.5rem; }

table { font-size: 1.2rem; }

@media screen and (min-width: 48em) { .h1, h1 { font-size: 2.2rem; }
  .h2, h2 { font-size: 1.98rem; }
  .h3, h3 { font-size: 1.782rem; }
  .h4, h4 { font-size: 1.6038rem; }
  .p, p, li { font-size: 1.25rem; }
  .small { font-size: 1rem; }
  table { font-size: 1.25rem; } }
@media screen and (max-width: 48em) { .h1, h1 { font-size: 1.54rem; }
  .h2, h2 { font-size: 1.54rem; }
  .h3, h3 { font-size: 1.386rem; }
  .h4, h4 { font-size: 1.2474rem; } }
@media screen and (min-width: 64em) { .h1, h1 { font-size: 2.2rem; }
  .h2, h2 { font-size: 1.98rem; }
  .h3, h3 { font-size: 1.782rem; }
  .h4, h4 { font-size: 1.6038rem; } }
html, body, p, .meta, .post-meta { color: #222222; }

.site-header a, .site-header nav a { color: #222; }

.site-header nav a:hover { color: #544596; border-bottom-color: #544596; }

.post-link .post-title { color: #4a3d84; }

a { color: #544596; }

a:hover { color: #403573; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #403573; }

a.post-link h1.post-title, a.post-link .h1.post-title { color: #372d61; }

.home img, .post-full img { border: 1px solid #d5d5d5; }

.post-header h1, .post-header .h1, .post-header h2, .post-header .h2 { margin-top: 0; margin-bottom: 0; }

.post-content h2 { margin-top: 0; }

.post-content { padding: 0 0rem; }

.post-header { background-color: #e1e1e1; padding: 0 0rem; border-color: #d5d5d5; border-style: solid; border-width: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 0.5em 0.5em 0 0.5em; border-bottom: 3px solid #d5d5d5; }

.post-summary { padding: 0 0rem; margin-top: 1rem; }

.post-header.mb2 { margin-bottom: 2rem; }

.post-content h1:first-child { margin-top: 0.1em; }

.post-footer { padding: 0 0rem; text-align: left; }

.post h3 { margin-top: 0; }

.mt2 { margin-top: 0; padding-top: 1.5rem; }

.post { padding-top: 0em; }

.sub-links { padding-top: 0.8em; font-size: 0.8em; margin-bottom: 0.5em; }

.sub-links a { top: -0.3em; position: relative; margin-left: 0.5em; }

.site-description { margin-bottom: 0; padding-bottom: 0.5em; }

.share-page-top { margin-top: 0em; padding-top: 0em; display: inline-block; }

.share-page { margin-bottom: 1em; font-weight: bold; padding-top: 0; }

.share-links { margin-top: 0.5em; }

.posts .post-link .post-title { margin-bottom: 0; }

.tiny-url:hover { background-color: #d5d5d5; cursor: pointer; }

em em { font-weight: bold; }

.site-logo { height: 1em; margin-left: 1em; position: relative; float: right; margin-top: 0em; }

.site-title { font-size: 2rem; position: relative; }

.site-description { background-color: #e1e1e1; margin: 0 0 1em 0; padding: 10px; border-color: #d5d5d5; border-style: solid; border-width: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.site-description .site-logo { float: left; margin-left: 0; height: 2em; margin-right: 0em; margin-top: 0.2em; }

.posts { margin-top: 0.8em; }

.posts .post h3 { margin-top: 0; }

.read-more { margin-bottom: 5px; padding-bottom: 0; }

table.site-description td { border: 0; padding: 0; }

td.description-logo { padding-right: 40px; width: 55px; }

@media screen and (min-width: 64em) { .posts .post:last-child { margin-bottom: 0; } }
.sub-links .suggest-a-tip { float: right; margin-top: 0.5em; }

@media screen and (max-width: 48em) { .sub-links { width: 100%; padding-top: 0.3em; }
  .post-tiny-url-bullet { display: none; }
  .post-share { display: block; }
  .site-description .follow-us { display: block; }
  .site-header .site-nav { margin-bottom: 0; }
  .title-hyphen { display: none; }
  .title-tag { display: block; margin-top: 0.5em; }
  .site-nav .site-logo { display: none; }
  .post-title-tip { display: block; }
  .post-title-hyphen { display: none; } }
#no-posts { line-height: 10px !important; }