/* CSS Document */


tr:nth-child(odd)
 {
    background-color: cyan;
    color: #000; 
    }

tr:nth-child(even)
 {
    background-color: lightblue;
    color: #000; 
    }  

body{
   margin: 5px;
   font-family: Arial;
   background: white;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-areas:    "head head head head"
                           "nav main main main"
                           "aside main main main"
                           "foot foot foot foot";
    }
h1  {
   text-align: center;
   font-size: 50px;
   color: white;
    }
    
h2  {
    text-align:center;
    color: white;
    }
h3  {
    color: white;
    }
a   {
    color: cyan;
    }
p   {
text-align: center;
color: white
    }
ul  {
list-style-type: circle;
    }

header, nav, main, aside, footer {
                                    border: 5px solid;
                                    padding: 10px;
                                    margin: 2px;
                                 }
header  {
        background-color: teal;
        border-color: cyan; 
        grid-area: head;
        text-align: center;
        }     
 nav  {
        background-color: teal;
        border-color: cyan;
        grid-area: nav;
        }      
main   {
        background-color: darkslategrey;
        border-color: white;
        height: 660px;
        grid-area: main;
        text-align: center;
        
        }  
aside  {
        background-color: teal;
        border-color: cyan;
        grid-area: aside;
        }   
footer  {
        background-color: teal;
        border-color: cyan;
        grid-area: foot;
        text-align: center;
        }