body {
  background-color: #30291f;
  background-image: url('mystuff/starbg.jpg');
  color: #786D5F;  
}

a:link {
  color: #52616d;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #52616d;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #8e9850;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #8e9850;
  background-color: transparent;
  text-decoration: underline;
}

.box {
  max-width: 1210px;
  margin: 50px auto;
  padding: 10px;
  display: grid;
  grid-gap: 5px;
}

header, subheader, nav, main, nav2, footer {
  border: #13100b 6px solid;
}

header {
  background-color: rgba(29,24,15,0.8);
  grid-row: 1 / 2 ;
  grid-column: 1 / 5 ;
  max-width: 1215px;
}

subheader {
  background-image: url("images/fabric.png");
  background-position: center;
  background-repeat: repeat-x;
  grid-row: 2 / 3 ;
  grid-column: 1 / 5 ;
  max-width: 1215px;
}

nav {
  background-color: #201b12;
  grid-row: 3 / 5 ;
  grid-column: 1 / 2 ;
  height: max-content;
  max-width: 200px;
  width: 200px;
}

main {
  background-color: #282219;
  padding: 15px;
  grid-row: 3 / 5 ;
  grid-column: 2 / 4 ;
  height: max-content;
  max-width: 750px;
  width: 750px;
}

nav2 {
  background-color: #201b12;
  grid-row: 3 / 5 ;
  grid-column: 4 / 5 ;
  height: max-content;
  max-width: 200px;
  width: 200px;
}

footer {
  background-image: url("images/fabric.png");
  background-position: center;
  background-repeat: repeat-x;
  grid-row: 5 / 6 ;
  grid-column: 1 / 5 ;
  max-width: 1210px;
}