@charset “utf-8”; @import url('fonts.googleapis.com/css?family=Fira+Mono:400,700');

/**

* Style variables
*/

$base-font-family: 'Fira Mono', monospace !default; $base-font-size: 16px !default; $mobile-font-size: 15px !default; $base-line-height: 1.5 !default; $container-width: 90% !default; $container-max-width: 700px !default;

/**

* Global
*/

body { background-color: var(–background-color); margin: 0 auto; padding: 0; font-family: $base-font-family; font-size: $base-font-size; color: var(–text-color); text-align: left; line-height: $base-line-height !important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-size: $base-font-size; margin: 0px; margin-top: 22px; font-weight: bold; color: var(–text-color); margin-bottom: 22px; } p, ul, ol { margin: 0px; color: var(–text-color); } a { text-decoration: underline; color: var(–link-color); } a:hover { color: var(–background-color); background-color: var(–base-color); } @media only screen and (max-device-width: 500px) { * { font-size: $mobile-font-size !important; } } h1:before { content: “#”; margin-right: 9px; } h2:before { content: “##”; margin-right: 9px; } h3:before { content: “###”; margin-right: 9px; } h4:before { content: “####”; margin-right: 9px; } h5:before { content: “#####”; margin-right: 9px; } h6:before { content: “######”; margin-right: 9px; }

/**

* Layout
*/

.container { width: $container-width; max-width: $container-max-width; margin-right: auto; margin-left: auto; } p { word-wrap: break-word; word-break: break-word; white-space: pre-wrap; margin-bottom: 30px; margin-top: 30px; } footer { color: var(–text-color); border-top: var(–border); margin: 20px auto 15px; padding-top: 10px; text-align: right; } header { margin-top: 25px; margin-bottom: 10px; } header p { text-align: left; margin: 0; } footer { margin-bottom: 20px; }

/**

* Highlight/Markup
*/

::selection { background: var(–selection-background); color: var(–selection-text); } ::-moz-selection { background: var(–selection-background); color: var(–selection-text); }

/**

* Lists
*/

:not(.menu) > ul { list-style: none; padding-left: 20px; } :not(.menu) > ul { list-style-type: none; } :not(.menu) > ul > li:before { content: “-”; margin-right: 9px; }

/**

* Header/Navigation
*/

.menu { border-top: var(–border); border-bottom: var(–border); margin-bottom: 25px; } .menu ul { margin-top: 12px; margin-bottom: 12px; padding-left: 0px; list-style-type: none; text-align: right; } .menu ul li { display: inline; margin-left: 10px; } .menu ul li a { text-decoration: none; color: var(–text-color); } .menu ul li a:hover { text-decoration: none; color: var(–background-color); background-color: var(–base-color); }

/**

* Code in single backticks
*/

code { color: var(–background-color); background-color: var(–base-color); }

/*

* Images
*/

img {

width: auto;
height: auto;
max-width: 600px;

}