html {
	text-align: center;
	background: #f0e6fa;
	color: #513d64;
	font-family: sans-serif;
}

body {
	display: inline-block;
	text-align: left;
	max-width: 700px;
	line-height: 1.3;
}

::selection {
	background: #783176;
	color: white;
}

header, h1 { text-align: center; }
h1 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

a         { color: #783176; }
a:visited { color: #b466b1; }
a:focus   { color: #781b43; }

h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

/* Code highlighting */
.cf, .kw { font-weight: bold; }
.st { color: #783176; }

@media (prefers-color-scheme: dark) {
	html {
		text-align: center;
		background: black;
		color: white;
		font-family: sans-serif;
	}

	body {
		display: inline-block;
		text-align: left;
		max-width: 700px;
		line-height: 1.3;
	}

	header, h1 { text-align: center; }
	h1 {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}

	a         { color: hotpink; }
	a:visited { color: pink; }

	h1 { font-size: 150%; }
	h2 { font-size: 125%; }
	h3 { font-size: 110%; }
	h4 { font-size: 100%; }
	h5 { font-size: 100%; }
	h6 { font-size: 100%; }

	/* Code highlighting */
	.cf, .kw { font-weight: bold; }
	.st { color: hotpink; }
}