html {
	font-family: serif;
}
body {
	background: #ffffff;
	color: #212121;
	font-size: 1.15rem;
	line-height: 1.5;
/*
	color: black;
	background: #cccccc;
*/

/*
	font-family: serif; */

	margin-left: auto;
	margin-right: auto;
	max-width: 40em;


	border-radius: 0.5em;
	padding: 1em;
}
@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
		color: #cccccc;
	}
	a {
		color: teal;
	}
	a:visited {
		color: olive;
	}
}
body:focus {
	outline: 1rem solid red;
}
h1 { font-size: 3rem; font-family: sans-serif; }
h2 { font-size: 2.6rem; font-family: sans-serif; }
h3 { font-size: 2rem; font-family: sans-serif; }
h4 { font-size: 1.44rem; font-family: sans-serif; }
p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}
aside {
	background: #cccccc;
	color: black;
	border: 2px solid black;
	padding: 1em;
	border-radius: 5px;
	margin-top: 1em;
	margin-bottom: 1em;
}
header > p {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}