html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

main p, main li, main td {
	color: var(--color_text__secondary);
}

main a {
	text-decoration: none;
	color: var(--color_primary);
	word-break: break-all;
}

main img {
	display: block;
	max-width: min(700px, 100%);
	margin-left: auto;
	margin-right: auto;
}

main table {
	width: 100%;
	border: var(--border);
	border-radius: 4px;
	
	border-spacing: 0;
}

main th, main td {
	padding: 12px;
}

main th:not(:first-child), main td:not(:first-child) {
	border-left: var(--border);
}

main tr td {
	border-top: var(--border);
}

.portrait_image {
	max-height: 500px;
}

main .floating_image {
	border-radius: 4px;
	box-shadow: var(--card_shadow);
	margin-top: 32px;
	margin-bottom: 32px;
}

.image_row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

.image_row img {
	align-self: center;
}

hr {
	border-top: 1px solid var(--color_text__secondary);
}