* { box-sizing: border-box; }
:root {
	color: #333;
	--bg: white;
	--fg: black;
	background: var(--bg);
}
a {
	color: #66a;
}
a:hover {
	text-decoration: none;
}
p, figcaption, blockquote {
	max-width: 35em;
	text-align: justify;
}
form {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	max-width: 35em;
}
input {
	border: 1px solid var(--fg);
	border-radius: .25rem;
	background: var(--bg);
	color: inherit;
	padding: 0.5em;
}
input[type="submit"] {
	background: var(--fg);
	color: var(--bg);
}
@media(prefers-color-scheme: dark) {
	:root {
		--bg: black;
		--fg: white;
		color: #ccc;
	}
}
img {
	max-width: 60vw;
	max-height: 35em;
}