body{
    Background:#FFFFFF;
    color:#333;
    padding:1%5%;
    font-family:sans-serif;
      }

      h1,h2{
        font-size:2em;
        text-align:center;
        transform:rotate(-5deg);
        margin-bottom:5%;
        color:#81A18A;
        text-shadow:-1px 1px 2px rgba(0,0,0,6);
     }


     h3{
         color:#886152;
         text-shadow:-.5px .5px 1px rgba(0,0,0,6);
       }
 


            .navbar{
                   font-family:Lato;
                   width:100%;
                   background-color:#333333;
                   overflow:auto;
                    }
 
          .navbar a{
                   font-family:Lato;
                   float:left;
                   padding:12px;
                   color:red;
                   text-decoration:none;
                   font-size:27px;
                   width:20%;
                   text-align:center;
                    }

       .navbar a:hover{
                   background-color:gray;
                    }
table{
         font-family:Lato;
         border-collapse:collapse;
         width:60%
         text-align:center;
         margin-top:80px;
        }
 th{
         font-size:20px;
         text-align:left;
         padding:8px;
         background-color:#6BBE30;
        }
 td{
         font-size:15px;
         text-align:left;
         padding:8px;
        }
 tr:nth-child(odd) {
                      background-color:#6BBE30;
                     }
  tr:nth-child(even) {
                      background-color:#FFFFFF;
                     }

     .footer{
           position:fixed;
           left:0;
           bottom:0;
           width:100%;
           background-color:#6BBE30;
           color:white;
           text-align:center;
           }