main:has(img) {
	flex-grow: 0;
}

main img {
	width: 100%;
}

nav:not(.index) {
	display: flex;
	flex-direction: row;
	justify-content: center;

	margin: auto;
	width: 100%;
	max-width: 60em;
}

nav:not(.index) a {
	display: block;
	background-color: black;
	color: white;
	border: 6px double white;

	text-align: center;

	width: 100%;
	padding: 1em;
	box-sizing: border-box; /* border causes overflow by default */
}

nav a:first-child:not(:last-child) {
	margin-right: 2em;
}

.img-data {
	display: block; /* <main> is inline by default */
	background-color: black;
	color: white; /* all text inside is white */
	border: 6px double white;

	width: 100%;
	max-width: 60em;

	margin: 2em auto; /* centered */
	padding: 1em;
	box-sizing: border-box; /* border causes overflow by default */

	flex-grow: 1; /* <main> must grow */
}