html {
	font-size: 1.1em;
	font-family: 'Atkinson Hyperlegible', sans-serif;
	color: $foreground-color;
	line-height: 1.50;
	background-image: url('/assets/mushrooms.jpg');
	background-repeat: repeat;
}

.header { grid-area: header; }
.menu { grid-area: menu; }
.main {
	grid-area: main;
	background: $background-color;
	margin: 10px;
	margin-left: 0px;
	padding: 20px;
	border-radius: 2px;
}
.footer { grid-area: footer; }

.content {
	display: grid;
	grid-template-areas:
		'header header header header header header'
		'menu main main main main main'
		'menu footer footer footer footer footer';
	gap: 10px;
	padding: 10px;
}