html {
	margin: 2em;
}

body {
	max-width: 80ch;
	margin: auto;
	font-family: sans-serif;
	line-height: 2;
}

nav {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
}

img {
	/* Use EXIF data to orient image */
	image-orientation: from-image;
	width: 24%;
}

img.list {
	float: right;
}

video {
	width: 100%;
}

td {
	padding-right: 1em;
} 

dt {
	font-weight: bold;
}

time {
	font-style: italic;
}

pre {
	padding: 1ch;
	border-left: 3px solid green;
	overflow: auto;
	line-height: 1.2;
}

@media (max-width: 980px) {
	body {
		font-size: 5.0vw;
	}

	img {
		/* Use EXIF data to orient image */
		image-orientation: from-image;
		width: 49%;
	}
}