/*! * Rod Iron * :url: https://git.heropunch.io/%25UoHOlG76yTKPATNkNgydSOOvTodQymwFbBrUTUnl3%2Fo%3D.sha256 * :license: LGPL * :version: 2.0.0 * ------------------------------------------------------------------------- */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } body { font-family: "Vollkorn", serif; font-size: 18.4px; font-weight: 400; text-align: justify; width: 42em; margin: 2em auto 2em; line-height: 1.5em; } @media (max-width: 768px) { body { width: 100%; overflow-x: hidden; } } @media (max-width: 992px) { body { width: 100%; } } @media (min-width: 1200px) { body { width: 66%; } } a { color: #8085c1; } a:hover { color: black; } a:hover:visited { color: black; } a:visited { color: #9f9fa2; } a[href^="/"] { text-decoration: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #a00; text-decoration: none; font-variant: small-caps; font-weight: 400; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: black; } h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #a00; } hr { color: #eee; border: 1px solid #eee; } strong { font-variant: small-caps; font-weight: 400; color: #a00; } strong a { text-decoration: none; font-variant: inherit; color: inherit; } strong a:visited { color: inherit; } .icon { background-size: contain; background-repeat: no-repeat; background-color: transparent; background-position: 50% 50%; } body > header h1 { line-height: 1.0125em; } body > header h2 { line-height: 1.0125em; } body > header h3 { line-height: 1.0125em; } body > header h4 { line-height: 1.0125em; } body > header h5 { line-height: 1.0125em; } body > header h6 { line-height: 1.0125em; } body > header + article, body > header + aside { clear: both; } body > header small { font-weight: normal; font-size: 66%; color: #666; } body > header .icon, body > header .menu { line-height: 1.0125em; } body > header .icon:hover, body > header .menu:hover { cursor: pointer; } body > header .icon img, body > header .menu img { vertical-align: bottom; height: 1.72125em; margin-top: -0.70875em; } @media (max-width: 992px) { body > header { margin-left: 1em; margin-right: 1em; text-align: left; } body > header h1 small { display: block; margin-bottom: 0.5em; } body > header h2 small { display: block; margin-bottom: 0.5em; } body > header h3 small { display: block; margin-bottom: 0.5em; } body > header h4 small { display: block; margin-bottom: 0.5em; } body > header h5 small { display: block; margin-bottom: 0.5em; } body > header h6 small { display: block; margin-bottom: 0.5em; } } article header { border-bottom: 2px solid #eee; margin-bottom: 1em; } article header h1 { font-size: 1.25em; } article header .meta { display: inline-block; } article header .meta + .meta { margin-right: 0.5em; } @media (max-width: 768px) { article header .meta { display: block; } } article header a[rel=license] { vertical-align: middle; } article header a[rel=license] img { height: 1em; width: auto; max-width: none; margin: 0; box-shadow: none; border-radius: 0; } @media (min-width: 1200px) { article header { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-width: auto; -moz-column-width: auto; column-width: auto; -webkit-column-span: all; -moz-column-span: all; column-span: all; } article header + iframe { width: 853px; } } @media (max-width: 768px) { article header { margin-left: -1em; margin-right: -1em; padding-left: 1em; padding-right: 1em; } } article h1, article h2, article h3, article h4, article h5, article h6 { font-weight: normal; font-variant: small-caps; } article hr.page-break { border: none; break-before: page; page-break-before: page; } article ul, article ol { margin-left: 0; } @media (max-width: 768px) { article ul, article ol { margin-left: 0; padding-left: 1em; } } article img, article video { display: block; margin: 0 auto 0; max-width: 66%; border-radius: 0.125em; } @media (max-width: 768px) { article img, article video { max-width: 100%; } } article code { font-family: "Hermit", "Oxygen Mono", monospace; font-size: 0.75em; } article .highlight { font-family: "Hermit", "Oxygen Mono", monospace; background-color: #3f3f3f; padding: 0.5em; border-radius: 0.125em; } article .highlight code, article .highlight pre { color: #fdce93; } article .highlight .hll { background-color: #222; } article .highlight .err { color: #e37170; background-color: #3d3535; } article .highlight .k { color: #f0dfaf; } article .highlight .p { color: #41706f; } article .highlight .cs { color: #cd0000; font-weight: 700; } article .highlight .gd { color: #cd0000; } article .highlight .ge { color: #ccc; font-style: italic; } article .highlight .gr { color: red; } article .highlight .go { color: gray; } article .highlight .gs { color: #ccc; font-weight: 700; } article .highlight .gu { color: purple; font-weight: 700; } article .highlight .gt { color: #0040D0; } article .highlight .kc { color: #dca3a3; } article .highlight .kd { color: #ffff86; } article .highlight .kn { color: #dfaf8f; font-weight: 700; } article .highlight .kp { color: #cdcf99; } article .highlight .kr { color: #cdcd00; } article .highlight .ni { color: #c28182; } article .highlight .ne { color: #c3bf9f; font-weight: 700; } article .highlight .nn { color: #8fbede; } article .highlight .vi { color: #ffffc7; } article .highlight .c, .preview-zenburn article .highlight .g, .preview-zenburn article .highlight .cm, .preview-zenburn article .highlight .cp, .preview-zenburn article .highlight .c1 { color: #7f9f7f; } article .highlight .l, .preview-zenburn article .highlight .x, .preview-zenburn article .highlight .no, .preview-zenburn article .highlight .nd, .preview-zenburn article .highlight .nl, .preview-zenburn article .highlight .nx, .preview-zenburn article .highlight .py, .preview-zenburn article .highlight .w { color: #ccc; } article .highlight .n, .preview-zenburn article .highlight .nv, .preview-zenburn article .highlight .vg { color: #dcdccc; } article .highlight .o, .preview-zenburn article .highlight .ow { color: #f0efd0; } article .highlight .gh, .preview-zenburn article .highlight .gp { color: #dcdccc; font-weight: 700; } article .highlight .gi, .preview-zenburn article .highlight .kt { color: #00cd00; } article .highlight .ld, .preview-zenburn article .highlight .s, .preview-zenburn article .highlight .sb, .preview-zenburn article .highlight .sc, .preview-zenburn article .highlight .sd, .preview-zenburn article .highlight .s2, .preview-zenburn article .highlight .se, .preview-zenburn article .highlight .sh, .preview-zenburn article .highlight .si, .preview-zenburn article .highlight .sx, .preview-zenburn article .highlight .sr, .preview-zenburn article .highlight .s1, .preview-zenburn article .highlight .ss { color: #cc9393; } article .highlight .m, .preview-zenburn article .highlight .mf, .preview-zenburn article .highlight .mh, .preview-zenburn article .highlight .mi, .preview-zenburn article .highlight .mo, .preview-zenburn article .highlight .il { color: #8cd0d3; } article .highlight .na, .preview-zenburn article .highlight .nt { color: #9ac39f; } article .highlight .nb, .preview-zenburn article .highlight .nc, .preview-zenburn article .highlight .nf, .preview-zenburn article .highlight .bp, .preview-zenburn article .highlight .vc { color: #efef8f; } article iframe { margin: 0 auto; display: block; width: 100%; } article dl { margin-left: 1em; } article dl dt { font-variant: small-caps; } article dl dd + dt, article dl dd { margin-top: 0.5em; } article progress { width: 100%; } article progress[value] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; height: 0.25em; color: #a00; } article progress[value]::-webkit-progress-value { background-color: #a00; } article progress[value]::-moz-progress-bar { background-color: #a00; } article table { width: 100%; } article table thead { border-bottom: 1px solid #eee; } article table th { padding-left: 1em; font-weight: normal; text-transform: uppercase; } article table td { padding: 1em; } article table td + td { border-left: 1px solid #eee; } article table td small.tags { text-transform: uppercase; font-weight: normal; font-size: 0.75em; display: inline-block; } article table td small.tags a { color: #000; } article table td small.tags a:hover { border-bottom: 1px dotted #000; } article table td small.tags + p { margin-top: -0.75em; } article table td time.meta { float: none; width: 6em; display: inline-block; } @media (max-width: 768px) { article table { display: block; overflow-x: scroll; margin-left: -1em; width: 100vw; } } article.archive header { border-bottom: none; margin-bottom: 0.5em; line-height: 1em; } article.archive header small.tags { text-transform: uppercase; font-weight: normal; font-size: 0.5em; display: block; } article.archive header small.tags a { color: #000; } article.archive header small.tags a:hover { border-bottom: 1px dotted #000; } @media (max-width: 768px) { article.archive header small.tags { text-align: center; } } article .tags dt a { color: #a00; text-transform: capitalize; } article .tags dt a:hover { cursor: text; } article .tags dd { text-transform: uppercase; font-weight: normal; font-size: 0.75em; } article .tags dd a { color: #000; } article .tags dd a:hover { border-bottom: 1px dotted #000; } @media (max-width: 992px) { article { padding: 0 1em 0 1em; } } nav.paginator { padding: 2em 0 0 0; text-align: center; clear: both; border-top: 4px solid #eee; margin-top: 2em; } nav.paginator a { padding: 0 2em; color: fade(#a00, 66%); } nav.paginator a:hover { background-color: #eee; border-radius: 0.125em; } @media (max-width: 768px) { nav.paginator a { display: block; margin-top: 1em; margin-bottom: 1em; } } nav { font-size: 80%; height: auto; color: #666; border-top: 4px solid #eee; margin-top: 3em; margin-bottom: 3em; overflow: hidden; clear: both; transition: height 1.5s; } nav.collapse { height: 0; } nav aside ul, nav section ul { padding-left: 0; } nav ul { display: inline-block; vertical-align: top; width: 33%; padding-left: 0; list-style: none; } nav ul li:first-child { display: block; color: fade(#a00, 66%); font-variant: small-caps; } nav ul li:first-child a { text-decoration: none; } nav ul li:first-child a:hover { color: black; } nav .quotes { clear: both; padding-top: 3em; } nav .quotes p, nav .quotes footer { width: 100%; } nav .quotes p { font-style: italic; } nav .quotes p:first-child::before { content: "\201C"; } nav .quotes p:last-of-type::after { content: "\201D"; } nav .quotes footer { text-align: right; border-top: none; margin-top: 1em; } nav .quotes footer::before { content: "\2014"; } @media (min-width: 768px) { nav { padding: 0 1em 0 1em; } } @media (max-width: 768px) { nav { overflow-x: scroll; overflow-y: hidden; width: 100%; white-space: nowrap; -webkit-overflow-scrolling: touch; -webkit-scroll-snap-type: mandatory; -webkit-scroll-snap-points-x: repeat(101%); -webkit-scroll-snap-destination: 0% 100%; scroll-snap-type: mandatory; scroll-snap-points-x: repeat(101%); scroll-snap-destination: 0% 100%; } nav ul { position: relative; width: 100%; height: 100%; text-align: center; } nav ul::before, nav ul::after { position: absolute; display: block; top: 0; } nav ul::before { content: "\2190"; left: 0; padding-left: 0.5em; } nav ul::after { content: "\2192"; right: 0; padding-right: 0.5em; } nav ul:first-child::before { display: none; } nav ul:last-child::after { display: none; } nav ul li { margin-bottom: 1.5em; } }