/* CSS Document */



body {
     display: grid; 
     grid-template-columns: auto 160px;
     max-width: 1024px;
     margin: 0px auto;
     }



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

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

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





header, nav, footer {
  border: 6px solid black;
  background-color: #32332D
; 
                       }
   
  
section {
  border: 6px solid black;
  background-color: #C2DEAB
 ;  
                       }
   
  
  
  
  nav a { text-decoration: none;       
    padding: 10px 20px;          
    border: 5px solid black;  
    border-radius: 5px;         
    color:white ;
    display: inline-block;
    background-color: grey; 
    width: 85px;  }
    
  nav a:hover{
    background-color:green; 
    color: white; }  
    
  nav a:active{
    background-color:red; 
    color: white; }  
  
  
  
  
  
  
   h2 {/* alt + 123 */
   color: black; /* ctrl + space */
   background-color: ; }  

   
   h3 {/* alt + 123 */
   color: white; /* ctrl + space */
   background-color: ; }  

   h4 {/* alt + 123 */
   color: white; /* ctrl + space */
   background-color: grey ; }  
   
   
   table { background-color: white;
           color: black
   } 
   
   
   header h1 {
   font-family: calibri, arial, sans-serif, comic-sans, daytona;
   font size: xx-large;
   text-align: center;
   color: white;
   background-color: black }  
   
   
   section {padding: 15px;
   }
   
   nav {padding: 5px;  
   }
   
   header {padding: 10px;
   }