@charset "utf-8";
body{
	font-size: 30px;
}
.container{
	display: grid;
	grid-gap: 3px;
	
	grid-template-columns: repeat(5, 20%);
	/*grid-template-rows: 8fr 200fr 8fr;*/
	grid-template-rows: 50px 700px 50px;
	
	grid-template-areas: "header header header header header"
						"nav article article article aside"
						"footer footer footer footer footer"

}


.header{
	grid-area: header;
	background-color: red;
	text-align:center;
}

.article {
	grid-area: article;
	background-color: #2EFEF7;
	text-align:center;
}

.nav {
	grid-area: nav;
	background-color: grey;
		text-align:center;
}
.aside {
	grid-area: aside;
	background-color: brown;
	text-align:center;
}
.footer {
	grid-area: footer;
	background-color: pink;
	text-align:center;
}