/*!
 * This is a modified version of 'tacit.css'
 *  - The rules were reordered.
 *  - Unused rules were removed.
 *  - See comments for other changes.
 *
 * https://github.com/yegor256/tacit
 * (c) 2015-2021 Yegor Bugayenko
 */

* {
	box-sizing: border-box;

	border: 0;
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	/* font-family from Bootstrap */
	font-family: system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue" "Noto Sans", "Liberation Sans", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";

	font-size: 1.125rem;
	line-height: 1.85625rem;

	background: #fff;
	color: #1a1919;
	padding: 36px;

	/* Styles moved from <section> */
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
pre,
code {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
		"Courier New", monospace;
	font-size: 0.9rem;
}
pre {
	border-left: 0 solid #59c072;
	line-height: 1.575rem;
	overflow: auto;
	padding-left: 18px;
}
pre code {
	background: none;
	border: 0;
	line-height: 1.85625rem;
	padding: 0;
}
code {
	background: #daf1e0;
	border-radius: 3.6px;
	color: #2a6f3b;
	display: inline-block;
	line-height: 1.125rem;
	padding: 0.225rem 0.39375rem 0.16875rem;
}
aside code {
	background: initial;
	display: initial;
	padding: 0;
}
h1,
h2,
h3 {
	color: #000;
	margin-bottom: 1.125rem;
}
h1 {
	font-size: 2.25rem;
	font-weight: 500;
	line-height: 2.7rem;
	margin-top: 4.5rem;
}
h2 {
	font-size: 1.575rem;
	font-weight: 400;
	line-height: 2.1375rem;
	margin-top: 3.375rem;
}
h3 {
	font-size: 1.35rem;
	line-height: 1.6875rem;
	margin-top: 2.25rem;
}
a {
	color: #275a90;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
hr {
	border-bottom: 1px solid #595959;
}
figcaption,
small {
	font-size: 0.95625rem;
}
figcaption {
	color: #595959;
}
em,
i {
	font-style: italic;
}
strong,
b {
	font-weight: 600;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
p,
ul,
ol,
hr,
pre,
figure {
	margin-bottom: 1.85625rem;
}
aside {
	float: right;
	width: 285px;
	font-size: smaller;
	color: gray;
	margin-left: 1em;
	margin-bottom: 1em;
}
article,
header,
footer {
	padding: 43.2px;
}
article {
	background: #fff;
	border: 1px solid #d9d9d9;
}
nav {
	text-align: center;
}
nav ul {
	list-style: none;
	margin-left: 0;
	text-align: center;
}
nav ul li {
	display: inline-block;
	margin-left: 9px;
	margin-right: 9px;
	vertical-align: middle;
}
nav ul li:first-child {
	margin-left: 0;
}
nav ul li:last-child {
	margin-right: 0;
}
ol,
ul {
	margin-left: 31.5px;
}
li ol,
li ul {
	margin-bottom: 0;
}
img {
	height: auto;
	margin: 0 auto;
}
figure img {
	display: block;
}
@media (max-width: 767px) {
	body {
		padding: 18px 0;
	}
	article {
		border: 0;
		padding: 18px;
	}
	header,
	footer {
		padding: 18px;
	}
}
