html {
	font-family: Trebuchet MS, sans-serif;
}

h1 .domain {
	color: #000;
}

h1 .domain .domain {
	color: #ccf;
}

h2 {
	background-color: #ddf;
	border-top: 1px solid #66c;
	clear: left;
	margin: 0;
}

th {
	text-align: left;
}

img.photo,
img.logo {
	float: left;
	margin: 10px;
}

#frontPage {
	margin: 32px auto;
	max-width: 900px;
	position: relative;
}

#article {
	position: absolute;

	left: 16px;
	top: 16px;
	right: 300px;
}

#aside {
	background-color: #eef;
	border: 1px solid #ccf;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	position: absolute;

	top: 16px;
	right: 16px;
	width: 240px;
}

@media (prefers-color-scheme: dark) {
	h1 .domain {
		color: #fff;
	}

	h2 {
		background-color: #220;
		border-top: 1px solid #993;
	}

	#aside {
		background-color: #110;
		border: 1px solid #330;
	}
}