.box {
  display: grid; 
 
  grid-gap: 0px; 
  max-width: 1810px; 
  margin-left: auto;
	margin-right: auto;
	grid-template-columns: .5fr 5fr; 
}

ul {
  list-style-type: circle;
  list-style-position: outside;
  text-align: left;
}

p {
  font-size: 18px;
}

a:link {
  color: #C8F5AE
}
a:visited {
  color: #AEAEF5
}

header, nav, main, footer {
	border: 5px groove rgba(94,142,97,0.78);;
	background-color: #244425;
}

body {
    background-color: darkgreen;
    background-image: url("https://picturesoftrees.neocities.org/swampyforestbg1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    color: white;
    font-family: garamond;
}

header { 
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

nav { 
  grid-row: 1 / 4;
  grid-column: 1 / 2;
  background-color: rgba(36,68,37,0.5);
}

main { 
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  background-color: #0B2A0E;
}

footer { 
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  background-color: rgba(36,68,37,0.25);
  border: 10px double rgba(9,32,9,0.75);
  padding: 5px 5px;
}