body{   
                   background-image:url('images/background-free4.jpg');  
                   background-repeat:no-repeat; 
                   background-size:cover;
                   }

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

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

       p{
         font-size:1.1em;
         color:black;
        }

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

       .navbar a:hover{
                   background-color:gray;
                    }


      /*  .container{
                  position:absolute;
                  top:40%;
                  left:50%;
                  -webkit-transform:translate (-40%, -39%);
                  transform: translate (-50%, -50%);
              }*/

      table{
         width:900px;
         border-collapse:collapse;
         overflow:hidden;
         box-shadow: 0 0 20px rgba (0,0,0,0.5);
           }

      th,td{
           padding:15px;
           background-color:rgba(255,255,255,0.2);
           color:black;
           }

         th{
           text-align:left;
           background-color:#8BC9C7;
           font-family:Arial, Helvetica, sans-serif;
           font-size:20px;
           }


      tbody td{
               position:relative;
               font-family:Arial, Helvetica, sans-serif;
               font-size:15px;
               }


 tbody tr:hover{
               background-color:rgba(255,255,255,0.3);
               }


 tbody td:hover:before{
                     content:"";
                     position:absolute;
                     left:0;
                     right:0;
                     top:-9999px;
                     bottom:-9999px;
                     background-color:rgba(205,129,172,0.2);
                     z-index:-1;
                      }


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