/* latin-ext */
@font-face {
	font-family: 'Fira Code';
	font-style: normal;
	font-weight: 400;
	src: url(/woff2/FiraCodeLatinExt.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Fira Code';
	font-style: normal;
	font-weight: 400;
	src: url(/woff2/FiraCodeLatin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
    background:#282c34;
}

body {
	font-family:'Fira Code';
	margin:20px auto;
	max-width:800px;
	line-height:1.5em;
	font-size:1.1em;
	background-color:#282c34;
	color:#bbc2cf;
	padding:0 10px;
	hyphens:auto;
}

nav {
	display:inline-block;
}

nav li {
	display:inline-block no;
	margin-right:20px;
}

.navlogo {
	width:50px;
	height:50px;
}

a {
	color:#ff6c6b;
	text-decoration:none;
}

a:hover {
	color:#ff6c6b;
	text-decoration:underline;
}

h1, h2, h3 {
	display:inline;
	line-height:1.2;
	color:#51afef;
	font-size:1.3em;
}

h2 {
	font-size:1.2em;
}

h3 {
	font-size:1.1em;
}

.h:hover a[aria-hidden] {
	display:inline;
	color:#ff6c6b;
	size:75%;
}

.h a[aria-hidden] {
	display:none;
}

pre {
	tab-size:4;
}

.red {
	color:#ff6c6b;
}

.green {
	color:#98be65;
}

p code, li code {
    border: 1px solid #969ba6;
    border-radius: 2px;
    color: #bbc2cf;
    padding: 1px 2px;
}

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

pre {
    background: #20232a;
	color: #969ba6;
    border: 1px solid lightgrey;
    padding: 5px;
	tab-size:4;
}

#TOC {
    border: 1px solid;
    position: relative;
}
#TOC:before {
    border-bottom: 1px solid;
    content: 'Table of Contents';
    display: block;
    font-weight: bold;
    padding: 5px;
    position: relative;
}
.date {
	//color: grey;
    display: block;
    font-family: monospace;
    margin-top: 1em;
    overflow: hidden;
    white-space: nowrap;
    width: 16ch;
}