:root {
	color: #fff;
	background: #2d4a22;
	font-family: 'Newsreader', serif;
	font-synthesis: none;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	min-height: 100vh;
	background: linear-gradient(rgba(10, 20, 8, 0.72), rgba(10, 20, 8, 0.88)), #2d4a22;
}

header,
footer,
main {
	width: min(100% - 3rem, 48rem);
	margin-inline: auto;
}

header,
footer {
	padding-block: 2rem;
}

main {
	padding-block: 4rem;
}

a {
	color: #fff;
	text-underline-offset: 0.2em;
}

h1,
h2 {
	font-family: 'Instrument Serif', serif;
	font-weight: 400;
}

h1 {
	margin: 0 0 2rem;
	font-size: clamp(4rem, 13vw, 8rem);
	line-height: 0.9;
}

h2 {
	margin: 2.5rem 0 0.75rem;
	font-size: clamp(2rem, 6vw, 3rem);
}

p {
	font-size: 1.1rem;
	line-height: 1.65;
}

.label {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.72;
}

@media (max-width: 40rem) {
	main {
		padding-block: 2rem;
	}
}