docs/assets/stylesheet/index.css
* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 1.2em;
	line-height: 1.96;
	text-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	color: #111;
	width: 87.5%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2.5%;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	background-color: #fefef6; /* hsla(60, 80%, 98%, 1) */
	max-width: 1400px;
}

.logo {
	cursor: pointer;
	display: block;
	width: 102px;
	height: 84px;
	margin-top: 46px;
	z-index: 900;
	transform: translateZ(0);
}

.logo img {
	width: 100%;
}

.center {
	text-align: center;
}

section {
	max-width: 800px;
}

section > div {
	float: left;
	max-width: 600px;
	min-width: 300px;
	margin-bottom: 20px;
}

section > div a {
	word-wrap: normal;
}

section > div p {
	max-width: 90%;
}

a {
	color: #a00000;
	text-decoration: none;
	word-wrap: break-word;
}

header nav a:hover {
	color: #5f0000;
}

header > nav {
	width: 90%;
	padding: 1.2em 0;
}

header > nav:after,
article:after,
section:after {
	content: "";
	display: table;
	clear: both;
}

header > nav a {
	font-size: 0.8em;
	font-family: "Gill Sans", "Gill Sans MT", "Lato", Calibri, sans-serif;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #a00000;
	padding-top: 1.4em;
	text-decoration: none;
	display: inline-block;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 2em;
	vertical-align: baseline;
}

h1, h2 {
	font-size: 1.6em;
	line-height: 2;
	max-width: 90%;
	margin-bottom: 0.2em;
}

h2, h3 {
	font-size: 1.4em;
	font-style: italic;
	font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
}

h3 {
	font-size: 1.2em;
}

h1:not(:first-child) {
	position: relative;
	margin-top: 3em;
}

h1:not(:first-child):before,
hr {
	content: ' ';
	width: 40px;
	height: 1px;
	background: currentColor;
	border: none;
	display: block;
	background-color: #c7beaa;
}

h1:not(:first-child):before {
	position: absolute;
	left: 0;
	top: -46px;
}

hr {
	margin: 2em 0;
}

article {
	position: relative;
	padding: 1.4em 0 4em;
}

p {
	max-width: 68%;
}

p, ol, ul {
	font-size: 1.1em;
}

ol, ul {
	font-size: 1em;
	margin: 1.8em 2em;
}

li {
	padding-left: 1em;
}

p, li {
	line-height: 2;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-right: 0;
	vertical-align: baseline;
}

nav li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

nav ol {
	margin: 1em 0.8em;
}

p > a:link,
li > a:link,
h1 a:hover,
h2 a:hover {
	background-position-y: 87%, 87%, 87%;
	text-decoration: underline;
}

p > a:link, p > a:visited,
li > a:link, li > a:visited {
	color: inherit;
}

blockquote {
	border-radius: 0.5em;
	max-width: 60%;
	padding: 2em 2em;
	width: 60%;
	font-size: 1.1em;
	vertical-align: baseline;
	background: rgba(196, 26, 22, 0.04);
	margin: 20px 0;
}

blockquote strong {
	font-variant: small-caps;
}

figure {
	max-width: 55%;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	margin-bottom: 3em;
}

figcaption {
	float: right;
	clear: right;
	margin-right: -50%;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.8em;
	line-height: 1.96;
	vertical-align: baseline;
	position: relative;
	max-width: 40%;
}

img {
	max-width: 100%;
}

blockquote img {
	max-width: 90%;
}

pre {
	white-space: pre;
	word-wrap: normal;
	overflow-x: auto;
	box-sizing: border-box;
	padding: 0 20px;
	margin: 3em 0;
}

@media (max-width: 840px) {
	blockquote {
		display: none;
	}

	p, li, pre {
		max-width: 620px;
	}

	table {
		width: 100%;
	}

	th {
		display: none;
	}

	td {
		display:block;
		width: 100%;
	}
}

table {
	border-spacing: 0px;
}

th, td {
	box-sizing: border-box;
	font-size: 1em;
	padding: 0.4em 2em 0.4em 0em;
	text-align: left;
}

td:last-child {
	padding-right: 0;
}

th {
	text-transform: capitalize;
}

code {
	font: 0.90em/1.618 Monaco, Consolas, "Liberation Mono", Menlo, Inconsolata, Courier, monospace;
	tab-size: 2;
}

p code * {
	color: #C41A16 !important;
}

h1 a,
h2 a {
	color: inherit;
}

.syntax-word {
	color: inherit;
}

.syntax-operator{
	color: inherit;
}

.syntax-number{
	color: #1C00CF;
}

.syntax-regex{
	color: #C41A16;
}

.syntax-key{
	color: #AA0C91;
}

.syntax-string{
	color: #C41A16;
}
.syntax-comment{
	color: #007400;
}
