/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain) */
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-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { font-size: 16px; }
@media (max-width: 840px) { html { font-size: 14px; } }

* { box-sizing: border-box; }

body { font-family: "Helvetica Neue", "Helvetica", sans-serif; font-weight: 400; }

em { font-style: italic; }

.container, .rendered-markdown h1, .rendered-markdown h2, .rendered-markdown h3, .rendered-markdown h4, .rendered-markdown h5, .rendered-markdown p, .rendered-markdown ul, .rendered-markdown ol, .rendered-markdown blockquote, .rendered-markdown .highlight, .rendered-markdown .license, .highlight, .page-footer-navigation { margin-right: auto; margin-left: auto; width: 800px; }
@media (max-width: 840px) { .container, .rendered-markdown h1, .rendered-markdown h2, .rendered-markdown h3, .rendered-markdown h4, .rendered-markdown h5, .rendered-markdown p, .rendered-markdown ul, .rendered-markdown ol, .rendered-markdown blockquote, .rendered-markdown .highlight, .rendered-markdown .license, .highlight, .page-footer-navigation { padding-right: 1.5rem; padding-left: 1.5rem; width: 100%; box-sizing: border-box; } }

.rendered-markdown { font-size: 1.25em; line-height: 1.45em; }
@media (max-width: 840px) { .rendered-markdown { font-size: 1em; line-height: 1.45em; } }
.rendered-markdown h2 { font-size: 1.25em; line-height: 1.35em; color: #019833; font-family: "Source Code Pro", "Monaco", monospace; margin-top: 3rem; margin-bottom: 0.75em; }
@media (max-width: 840px) { .rendered-markdown h2 { margin-top: 2rem; } }
.rendered-markdown h2:before { content: ''; height: 0.75rem; width: 0.75rem; display: block; background-color: rgba(1, 152, 51, 0.15); margin: 0 auto 3rem auto; border-radius: 1rem; }
@media (max-width: 840px) { .rendered-markdown h2:before { margin-bottom: 2rem; } }
.rendered-markdown h2:first-of-type:before { content: none; }
.rendered-markdown h3 { font-family: "Source Code Pro", "Monaco", monospace; font-size: 1.15em; font-weight: 900; color: #888; margin-top: 2rem; line-height: 1.5em; }
.rendered-markdown p > img { margin: 0 auto; display: block; max-width: 100%; }
.rendered-markdown p, .rendered-markdown ul, .rendered-markdown ol, .rendered-markdown blockquote { font-family: "Lora", "Georgia", serif; margin: 1em auto 0 auto; line-height: 1.75em; color: #3f3f3f; font-weight: 300; }
.rendered-markdown a, .rendered-markdown a code { color: rgba(1, 152, 51, 0.7); text-decoration: none; }
.rendered-markdown a:hover, .rendered-markdown a code:hover { color: #019833; }
.rendered-markdown ol { list-style-type: decimal; }
.rendered-markdown li { margin-top: 0.5rem; margin-left: 1.5rem; padding-left: 0.25rem; }
.rendered-markdown li p { padding: 0; }
.rendered-markdown ul li { list-style-type: disc; }
.rendered-markdown strong { font-weight: 700; }
.rendered-markdown .license { line-height: 1.5em; margin-top: 3em; color: #aaa; font-family: "Helvetica Neue", "Helvetica", sans-serif; }

code { font-family: "Source Code Pro", "Monaco", monospace; color: black; font-weight: 500; }

.highlight { margin-top: 1em; padding: 1.5em; border: 1px solid rgba(1, 152, 51, 0.15); border-radius: 5px; box-sizing: border-box; width: 100%; }

div.highlighter-rouge { padding-left: 1.5rem; padding-right: 1.5rem; }

.highlight { font-size: 0.9em; line-height: 0.9em; font-family: "Source Code Pro", "Monaco", monospace; overflow-x: scroll; }

pre code { box-sizing: border-box; line-height: 1.3em; background-color: transparent; padding: 0; font-weight: 400; font-size: 1rem; line-height: 1.5em; border: none; }

/*
Name: Base16 Default Dark
Author: Chris Kempson (http://chriskempson.com)
Pygments template by Jan T. Sott (https://github.com/idleberg)
Created with Base16 Builder by Chris Kempson (https://github.com/chriskempson/base16-builder)
*/
.highlight { color: #151515; /* Comment */ /* Error */ /* Keyword */ /* Literal */ /* Name */ /* Operator */ /* Punctuation */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Deleted */ /* Generic.Emph */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Prompt */ /* Generic.Strong */ /* Generic.Subheading */ /* Keyword.Constant */ /* Keyword.Declaration */ /* Keyword.Namespace */ /* Keyword.Pseudo */ /* Keyword.Reserved */ /* Keyword.Type */ /* Literal.Date */ /* Literal.Number */ /* Literal.String */ /* Name.Attribute */ /* Name.Builtin */ /* Name.Class */ /* Name.Constant */ /* Name.Decorator */ /* Name.Entity */ /* Name.Exception */ /* Name.Function */ /* Name.Label */ /* Name.Namespace */ /* Name.Other */ /* Name.Property */ /* Name.Tag */ /* Name.Variable */ /* Operator.Word */ /* Text.Whitespace */ /* Literal.Number.Float */ /* Literal.Number.Hex */ /* Literal.Number.Integer */ /* Literal.Number.Oct */ /* Literal.String.Backtick */ /* Literal.String.Char */ /* Literal.String.Doc */ /* Literal.String.Double */ /* Literal.String.Escape */ /* Literal.String.Heredoc */ /* Literal.String.Interpol */ /* Literal.String.Other */ /* Literal.String.Regex */ /* Literal.String.Single */ /* Literal.String.Symbol */ /* Name.Builtin.Pseudo */ /* Name.Variable.Class */ /* Name.Variable.Global */ /* Name.Variable.Instance */ /* Literal.Number.Integer.Long */ }
.highlight .c { color: #b0b0b0; }
.highlight .err { color: #ac4142; }
.highlight .k { color: #aa759f; }
.highlight .l { color: #d28445; }
.highlight .n { color: #151515; }
.highlight .o { color: #75b5aa; }
.highlight .p { color: #151515; }
.highlight .cm { color: #b0b0b0; }
.highlight .cp { color: #b0b0b0; }
.highlight .c1 { color: #b0b0b0; }
.highlight .cs { color: #b0b0b0; }
.highlight .gd { color: #ac4142; }
.highlight .ge { font-style: italic; }
.highlight .gh { color: #151515; font-weight: bold; }
.highlight .gi { color: #90a959; }
.highlight .gp { color: #b0b0b0; font-weight: bold; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #75b5aa; font-weight: bold; }
.highlight .kc { color: #aa759f; }
.highlight .kd { color: #aa759f; }
.highlight .kn { color: #75b5aa; }
.highlight .kp { color: #aa759f; }
.highlight .kr { color: #aa759f; }
.highlight .kt { color: #f4bf75; }
.highlight .ld { color: #90a959; }
.highlight .m { color: #d28445; }
.highlight .s { color: #90a959; }
.highlight .na { color: #6a9fb5; }
.highlight .nb { color: #151515; }
.highlight .nc { color: #f4bf75; }
.highlight .no { color: #ac4142; }
.highlight .nd { color: #75b5aa; }
.highlight .ni { color: #151515; }
.highlight .ne { color: #ac4142; }
.highlight .nf { color: #6a9fb5; }
.highlight .nl { color: #151515; }
.highlight .nn { color: #f4bf75; }
.highlight .nx { color: #6a9fb5; }
.highlight .py { color: #151515; }
.highlight .nt { color: #75b5aa; }
.highlight .nv { color: #ac4142; }
.highlight .ow { color: #75b5aa; }
.highlight .w { color: #151515; }
.highlight .mf { color: #d28445; }
.highlight .mh { color: #d28445; }
.highlight .mi { color: #d28445; }
.highlight .mo { color: #d28445; }
.highlight .sb { color: #90a959; }
.highlight .sc { color: #151515; }
.highlight .sd { color: #b0b0b0; }
.highlight .s2 { color: #90a959; }
.highlight .se { color: #d28445; }
.highlight .sh { color: #90a959; }
.highlight .si { color: #d28445; }
.highlight .sx { color: #90a959; }
.highlight .sr { color: #90a959; }
.highlight .s1 { color: #90a959; }
.highlight .ss { color: #90a959; }
.highlight .bp { color: #151515; }
.highlight .vc { color: #ac4142; }
.highlight .vg { color: #ac4142; }
.highlight .vi { color: #ac4142; }
.highlight .il { color: #d28445; }

.index-cards { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: 20px; box-sizing: border-box; }

.index-post-title { font-family: "Source Code Pro", "Monaco", monospace; font-size: 2em; font-weight: 500; color: #019833; line-height: 1.15em; }

.index-card { font-weight: 400; border-radius: 3px; background-color: white; display: flex; flex-direction: column; flex-grow: 1; flex-basis: 18em; text-decoration: none; border: 1px solid #eee; min-height: 15em; padding: 1em; box-sizing: border-box; margin-right: 20px; margin-bottom: 20px; font-size: 1.25em; transition: all 0.2s ease-in-out; }
@media (max-width: 840px) { .index-card { min-height: 10em; } }
.index-card:hover { transform: scale(1.025); border-color: rgba(1, 152, 51, 0.35); transition: all 0.2s ease; }
.index-card:empty { height: 0; min-height: 0; padding: 0; margin: 0; border: 0; flex-basis: 19em; }

.index-post-info { margin-top: .55em; line-height: 1.25em; color: #aaa; }
.index-post-info p { margin-bottom: 0.25em; }

.index-post-tags { text-align: right; margin-top: auto; margin-left: auto; font-family: "Source Code Pro"; line-height: 1.25em; font-size: 0.9em; }

.tag-name { color: #888; }

.hashtag { color: #ccc; }

.page-header, .post-header { padding: 1.5rem; }
.page-header .post-title, .post-header .post-title { color: #555; }

.post-header { background: linear-gradient(white, rgba(1, 152, 51, 0.075)); }
.post-header .post-title { color: #019833; }

.page-header-content, .post-header-content { margin-right: auto; margin-left: auto; width: 800px; padding-top: 2em; padding-bottom: 1em; font-size: 1.2em; }
@media (max-width: 840px) { .page-header-content, .post-header-content { width: 100%; } }
@media (max-width: 840px) { .page-header-content, .post-header-content { padding-bottom: 0em; font-size: 1em; } }

.post-title { font-family: "Source Code Pro", "Monaco", monospace; font-weight: 700; font-size: 3em; }
@media (max-width: 840px) { .post-title { font-size: 2.5em; } }

.post-interviewee-info { margin-top: 0.75em; line-height: 1.5em; color: #555; font-size: 1.25em; }

.site-title { font-size: 2em; font-weight: 300; }
.site-title a { color: #333; text-decoration: none; }

.vim-logo { height: 1em; vertical-align: top; }

.header-nav { float: right; line-height: 2rem; }

.header-nav ul { display: inline-block; }

.header-nav li { vertical-align: middle; font-size: 1rem; display: inline; margin-left: 0.75em; }
.header-nav li a { color: rgba(1, 152, 51, 0.7); text-decoration: none; }
.header-nav li a:hover { color: #019833; }

.twitter-icon { height: 2rem; width: 2rem; vertical-align: top; fill: rgba(1, 152, 51, 0.7); }
.twitter-icon:hover { fill: #019833; }

.page-footer { font-size: 1.2em; padding: 2em 0; margin-top: 2em; border-top: 1px solid #eee; }

.page-footer-navigation { display: flex; flex-direction: row; flex-wrap: wrap; }
.page-footer-navigation .link-title { color: #aaa; margin-bottom: 1rem; }

.previous-post, .next-post { flex-grow: 1; flex-basis: 20em; }

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

@media (max-width: 840px) { .page-footer-navigation { display: block; }
  .next-post { text-align: left; }
  .previous-post + .next-post { padding-top: 2rem; } }
.post-footer-interview-link { font-family: "Source Code Pro", "Monaco", monospace; font-weight: 700; color: #019833; text-decoration: none; font-size: 2rem; }