@media (prefers-color-scheme: dark) {
	body {
		background-color: #000000;
		color: #ffffff;
	}

	a {
		color: #ffffff;
		text-decoration: none;
	}
}

@media (prefers-color-scheme: light) {
	body {
		background-color: #ffffff;
		color: #000000;
	}

	a {
		color: #000000;
		text-decoration: none;
	}
}

body {
	font-family: 'IBM Plex Mono', monospace;
	margin: 0px;
	padding: 0px;
}

h1 {
	margin-left: 16px;
	font-weight: lighter;
	font-style: normal;
}

a:hover {
	color: rgb(128, 128, 128);
}

#content {
	max-width: 90%;
	min-width: 60%;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.photo-container {
	padding: 16px;
}

.photo-container p {
	margin: 0;
}