:root {
	--bg-color: whitesmoke;
	--font: baskerville-old-face-regular;
}

body { background-color: var(--bg-color); }

header {
	font-family: var(--font);
	font-size: 16px;
	margin-top: 8rem;
	text-align: center;
}
header img { height: auto; max-width: 20rem; }

@font-face {
	font-family: baskerville-old-face-regular;
	src: url("fonts/baskerville.woff2") format("woff2"),
       url("fonts/baskerville.woff") format("woff"),
       url("fonts/baskerville.ttf") format("truetype");
}

@media screen and (max-height: 30rem) {
	header { margin-top: 2rem; }
}

@media screen and (min-width: 35rem) {
	header img { height: auto; max-width: 35rem; }
}