/* 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;
}

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;
}

header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	white-space:nowrap;
	font-variant:small-caps;
}

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;
}

.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;
}

input[type=submit] {
	padding:5px 15px;
	background:#51afef;
	border:0 none;
	-webkit-border-radius:10px;
	border-radius:10px;
}

ul[userlist] {
	list-style:none;
}

ul[userlist] li[online]::before {
	content:"\2022";
	color:#ff6c6b;
	font-weight:bold;
	display:inline-block;
	width:1.0em;
	margin-left:-1.0em;
}

ul[userlist] li[online$=true]::before {
	color:#98be65;
}