/* CSS Document */

body    {
        margin:5px;
        font-family: Calibri;
        background-color:black;
        margin: 10px;
        display: grid;
        grid-template-columns: repeat(5,1fr);
        grid-template-areas: "head head head head head"
                             "nav main main main main"
                             "aside main main main main"
                             "foot foot foot foot foot";
        }
        
        
        
h1      {
        text-align: center;
        font-size: 50px;
        }

header,nav,main,aside,footer    {
                                border: 5px solid;
                                padding: 10px;
                                margin: 2px;
                                }
            
header  {
         background-color: white;
         border-color: white;
         grid-area: head;
        }
        
nav  {
         background-color: white;
         border-color: white;
         grid-area: nav;
        }
        
main  {
         background-color: white;
         border-color: white;
         grid-area: main;
         height: 550px;
        }
        
aside  {
         background-color: white;
         border-color: white;
         grid-area: aside;
        }
        
footer  {
         background-color:white;
         border-color: white;
         grid-area: foot;
        }  

img {
        width: 200px;
        height: 100px
        }

.earth  {
        width: 400px;
        height: 400px ;
        text-align:center;
        margin-left: 300px;
        margin-right: 350px;
        }
        
h1      {
        font-family: calibri;
        font-size: 12pt;
        Margin: auto;
        }
        
a       {
        color: red;
        }
        
a:hover {
        background-color: cyan;
        color: red;
        }
        
th   {
         border: 1px solid red;
         background-color:black;
         color: red;
        }

td   {
         border: 1px solid;
        }
        
        
td:hover {
        background-color: black;
        color: red;
        }