body {
  display: grid;

  grid-template-rows: 50px 8fr 50px;

  grid-template-columns: 3fr 7fr 3fr;

  grid-gap: 10px;

  grid-template-areas: ". banner ."
                       ". content ."
                       ". footer .";
}


a:link {
  color: black
}

header {
  grid-area: banner;
  background-color: #85774e;
  text-align: center;
  font-size: xx-large;
}

footer {
  grid-area: footer;
  background-color: #85774e;
}

main {
  grid-area: content;
}



nav {
	text-align: center;
}

li {
	display: inline-block;
	margin: 0 10px;
}