html {
	color: #ebebfa;
	background-color: #303050;
	font-family: "DejaVu Sans", sans-serif;
	font-size: 16pt;
}

body {
	border: 0;
	margin: 0;
	padding: 0;
}

a:link {
	color: #aaddaa;
}

a:visited {
	color: #88aa88;
}

a:hover {
	color: #99bb99;
}

h2, h3, h4 {
	margin-top: 2rem;
}

article {
	background-color: #292956;
	max-width: 80rem;
	min-height: 1vh;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6rem;
	padding-bottom: 8rem;
	padding-left: 8rem;
	padding-right: 8rem;
}

pre {
	background-color: #101020;
	border: 4px inset #303060;
	padding: 2rem;
	margin-left: 4rem;
	margin-right: 4rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	white-space: pre;
	overflow: scroll;
}

:not(pre) > code {
	display: inline-block;
	padding: 6px;
	background-color: rgba(0,0,0,0.2);
	border: 1px solid rgba(0,255,0,0.3);
	border-radius: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	text-indent: 0;
}

p {
	text-indent: 3rem;
}