*{
	font-family: sans-serif;
}
body{
	padding: 0;
	margin: 0;
	background-color: silver;
}
.grid-container{
	display: grid;
	grid-template-areas: 'header' 'main' 'footer';
	grid-template-columns: auto;
	grid-template-rows: 100px auto 50px;
}

header{
	grid-area: header;
	background-color: #333;
}

header a{
	float: right;
	padding: 5px;
	color: #f2f2f2;
}

main{
	grid-area: main;
}

footer{
	grid-area: footer;
	background-color: #f1f1f1;
}

.product{
	display: grid;
	background-color: gray;
	width: 200px;
	float: left;
	margin-right: 20px;
	padding: 10px
}

#num_prod{
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: silver;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	margin: 5px;
}