body {
	grid-template-areas:
		'header'
		'nav'
		'main'
		'aside'
		'footer';
}

main > div {
	margin : 5px;
	width : 100%;
	min-width : 250px;
	max-width : 300px;
	text-align : center;
}

nav a, nav a:visited {
	width : 100%;
	display: none;
	text-align : center;
}

.show-menu {
	display : block;
	background-color : white;
	color : red;
	border : 1px solid red;
	text-decoration : none;
	padding-top : 0.5vw;
	padding-bottom : 0.5vw;
	padding-left: 1vw;
	margin : 1px;
	font-weight : bold;
	text-align: center;
	font-size: 0.8em;
}

.show-menu input, input#show-menu {
	display : none;
}

input[type=checkbox]:checked ~ a{
	display: block;
}

.show-menu div {
	width: 19px;
	height: 3px;
	background-color: white;
	margin: 3px 0;
}