html * {
	font-family: "Courier New";
}

body {
	background-color: #f5f5dc;
}

.grid-container {
	display: grid;
	grid-row-gap: 10px;
}

@media only screen and (min-width: 600px) {
	article{
		margin-right: 45%;
		margin-left: 10%;
	}
	div.grid-container {
		display: grid;
		grid-template-columns: auto auto auto auto auto auto auto auto;
		grid-column-gap: 50px;
		grid-row-gap: 50px;
	}
}

.grid-entry {
	padding: 5px 5px 5px 5px;
	border: 2px solid black;
	border-radius: 5px;
	background-color: #edf;
}