html {
	height: 100%;
}

body {
	background-color: rgb(196, 196, 196);
	height: 100%;
	display: flex;
	flex-direction: column;
	display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr;
  grid-template-areas: "main" "footer";
  grid-template-rows: 1fr 80px;
}

h1 {
	text-align: center;
	font-family: Garamond, serif;
  font-size: 50px;
}

h2 {
	color: rgb(0, 102, 17);
}

.entry {
	width: 80%;
	max-width: 700px;
	border-width: 2px;
	border-color: rgb(209, 129, 10);
	border-style: double;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
  grid-area: footer;
	text-align: center;
}