* {
	box-sizing: inherit;
}

html {
	height: 100%;
	box-sizing: border-box;
	background-color: ivory;
	font-family: system-ui, sans-serif;
	font-weight: normal;
}

body {
	height: 100%;
	margin: unset;
}

.wrapper {
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

footer {
	color: white;
	background-color: black;
	padding: 15px;
	text-align: center;
	font-size: smaller;
	font-weight: bold;
}

section > p {
	margin: auto auto;
	padding-inline: 15px;
	max-width: 60ch;
	text-align: center;
}

h1, h2 {
	margin: 1em auto;
	padding-inline: 15px;
	text-align: center;
}

section {
	&:nth-child(1) {
		background: linear-gradient(
			to bottom, lightskyblue, #f0f9ff
			);
		padding-top: calc(max(25lvw, min(33lvh, 33lvw)) / 3);
		padding-bottom: calc(20mm + 100px);
		box-sizing: border-box;
		min-height: 100lvh;
	}

	&:nth-child(2) {
		background-color: white;
	}

	&:nth-child(3) {
		background-image: url("/images/beerbg.svg");
		min-height: 100lvh;
		padding-top: calc(20mm + 25lvh);
		padding-bottom: 100px;
	}

}

.hnb-logo {
	clip-path: circle();
	width: calc(max(25lvw, min(33lvh, 33lvw)));
	text-align: center;
	margin: auto;
	display: block;
}

.svgfoam {
	margin-top: -20mm;
	margin-bottom: -20mm;
}

a {
	color: inherit;
}

.hidelink {
	color: inherit;
	text-decoration: inherit;
}