body{
	display: grid;
	grid-template-columns: auto 10%  50% auto;
	grid-template-rows: auto auto auto auto;
	grid-template-areas:
		". header header ."
		". nav nav ."
		". sidebar main ."
		". footer footer .";
}

header{
	grid-area: header;
	text-align: center;
}

nav{
	grid-area:  nav;
}

.sidebar{
	grid-area: sidebar;
}

main{
	background-image: url("../../../images/rock-opaque.png");
	background-size: 100%;
	background-repeat: no-repeat;
	grid-area: main;
	margin: 20px;
	padding: 10px;
	border: solid #009639 2px;
}

footer{
	grid-area: footer;
}