body  {
   display: grid;
   grid-template-columns: auto 100px;
}
 
header {
   grid-column-start: 1;
   grid-column-end:   3;
   grid-row-start: 1;
   grid-row-end: 2;      
}

nav {
   grid-column: 2 / 3;
   grid-row-start: 2 / 3;
}

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

footer {
   grid-column: 1 / 3;
   grid-row-start: 3 / span 1;
}
 
header, footer {
  font-family: Arial, sans-serif;
  color:white;
  background-color: black;
  text-align: center;

}  

nav a {
  font-family: Arial, sans-serif;
  color:white;
  background-color: black;
  display: inline-block;
  text-decoration: none;
  border: 3px outset black;
  padding: 2px 10px ;
}
 
    
table, th, td {
  font-family: Arial, sans-serif;
  border: 1px solid black;
  border-collapse: collapse;