/* CSS Document */



body {
     display: grid; 
     grid-template-columns: auto 120px;
     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: teal; 
  }
   
  
  
section {
  border: 6px solid black;
  background-color: lightsalmon;
  }
   
  
  nav a { text-decoration: none;       
    padding: 10px 20px;          
    border: 5px solid black;  
    border-radius: 5px;         
    color:white ;
    display: inline-block;
    background-color: grey;    }
    
  
  

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

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

h4 {/* alt + 123 */
   color: white; /* ctrl + space */
   background-color: grey ; }  
   
 nav a:hover{
background-color:green; 
color: white; }  
    
    nav a:active{
background-color:red; 
color: white; }  
   
   
   header h1 {
   font-family: calibri, arial, sans-serif, comic-sans, daytona;
   font size: xx-large;
   text-align: center;
   color: white;
   background-color: black

}