:root {
	color-scheme: light dark;
}

body {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}

table {
	border-spacing: 0;
	text-align: center;
	margin: 20px;
}

hr {
	margin: 40px 0;
	border: none;
	border-bottom: 1px solid black;
}

.preposition {
	background-image: url("preposition.svg");
	background-size: 10px;
	background-repeat: repeat-x;
	background-position: center;
}

.added {
	background-color: #C8E6C9;
}

@media (prefers-color-scheme: dark) {
	hr {
		border-color: white;
	}

	.preposition {
		filter: invert(1);
	}

	.added {
		background-color: #1B5E20;
	}
}