/* vim: set ts=2 sw=2 et tw=80: */
/* Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/* Basic styling */
html { font-weight: 200; font-size: 15px; line-height: 1.5; font-family: monospace; color: #222; background-color: #EEE; }

/* Images */
img { max-width: 100%; vertical-align: middle; }

/* Lists */
ul, ol { margin-left: 30px; }

/* Disable margin for lists */
li > ul, li > ol { margin-bottom: 0; }

/* Headings */
h2, h3, h4, h5, h6 { font-weight: 200; text-decoration: underline; }

/* Links */
a { color: #FF6000; text-decoration: none; font-weight: bold; }

a:hover { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #222; background: #EEE; border-left: 4px solid #FF6000; letter-spacing: -1px; font-style: italic; margin: 1rem 0; padding: 1em; }

blockquote > :last-child { margin-bottom: 0; }

/* do not put padding around the table with line numbers and the code */
code table { margin: -8px -12px; }

pre table.rouge-table td { padding: 0; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/* pull a nice monospace font from the internets, plus set font and background */
pre, code { font-size: 0.95rem; background: #EEE; }

/* Disable borders between line numbers and code when line numbers are shown */
code .rouge-table, code .rouge-table td { border: 0; border-radius: 0; }

code .rouge-table { border-spacing: 0; border-collapse: collapse; }

/** Basic layout rules */
/* Padding for the main content in the page */
.container { padding: .4rem 2em; }

/* Header sizes */
/** General style for the content inside main */
/* separate article metadata to the article itself with some space */
article .post-header { margin-bottom: 3rem; }

/* put some space at the end of each article and at the end of each section */
main article, main section { margin-bottom: 2rem; }

/* justify text */
p { text-align: justify; }

/* put a space between paragraphs and images */
p, figure { margin-top: 1.2rem; }

/* the first paragraph has no space at the top (since that is provided by either main or h? */
p:first-child { margin-top: 0; }

/* make strongly emphasized elements REALLY STRONG */
strong { background: #FAA; }

/* vim: set ts=2 sw=2 et tw=80: */
body { background-color: #EEE; font-family: 'IBM Plex Mono', monospace; display: flex; min-height: 100vh; flex-direction: column; }

main { flex: 1 0 auto; }

.navbar-list .navbar-item { text-transform: uppercase; font-weight: 400; margin: 1em; }

ul.navbar-list { margin-bottom: 2rem; }

.header { border-bottom: 3px solid #FF6000; background: #222; color: #EEE; }

.header .head.navbar { display: flex; }

.header .head.navbar h1 { flex: 2; font-size: 1.5rem; display: inline; margin: 0; padding: 0; }

.header .head.navbar h1 a { color: white; }

.header .head.navbar .links { white-space: nowrap; text-align: right; }

.header .head.navbar .links a { text-transform: uppercase; display: inline-block; padding: .25rem .5rem; }

.header .head.navbar .links a:first-child { padding-left: 0; }

.header .head.navbar .links a:last-child { padding-right: 0; }

.homequote { display: flex; background: #222; color: #EEE; align-items: stretch; margin-bottom: 1rem; }

.homequote figure { margin: 0; flex: 0; display: flex; align-items: center; min-width: 300px; background: black; }

.homequote .quote { border-left: 3px dotted #FF6000; flex: 1; padding: 1rem 1.5rem; }

@media (max-width: 700px) { .navbar-list .navbar-item { width: calc(100% - 2em); } }

ul.post-list, ul.navbar-list { list-style-type: none; margin-left: 0; margin-right: 0; }

ul.post-list li { padding-top: 2rem; }

ul.post-list li:first-child { padding-top: 0; }

footer { padding: .5rem; display: flex; justify-content: space-between; border-top: 3px solid #FF6000; background: #222; color: #EEE; }

footer .author { font-size: 1rem; text-align: right; }

footer .icons { text-align: center; flex: 0; white-space: nowrap; }

footer .icons .icon { display: inline-table; background: #EEE; color: #222; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.5em; margin: .25em; cursor: pointer; }

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

/* Utility class for centering block elements */
.block-center { display: block; margin: auto; }

/** Syntax highlighting styles */
.highlight { background: #EEE; border: 3px solid #DDD; }

.highlighter-rouge .highlight { background: #eef; }

.highlight td.code > pre { background: #222; }

.highlight pre.lineno { background: #111; text-align: right; }

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

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

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #00a6d3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #0000d0; }

.highlight .nv { color: #0BB; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #f54; }

.highlight .sc { color: #f54; }

.highlight .sd { color: #f54; }

.highlight .s2 { color: #f54; }

.highlight .se { color: #f54; }

.highlight .sh { color: #f54; }

.highlight .si { color: #f54; }

.highlight .sx { color: #f54; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #f54; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/*# sourceMappingURL=main.css.map */