body {
  font-family:Arial,sans-serif;
  margin:0;
  padding:0;
  background-color:#f4f4f9;
  color:333;
  }

h1,h2 {
   text-align:center;
   color:#ff0000;
   }

.mtable-1 {
   position:relative;
   margin:auto;
   top:50px;
   width:60%;
   border:1px solid black;
   }

  table {
    width:80%;
    border-collapse;
    }

  th,td {
    padding:12px;
    text-align:center;
    }
  th {
    background-color:#dfdfdf;
     }
  th:hover {
    background-color:#45a012;
    }
  td:hover {
    font-size:2em;
    }

  tr:nth-child (odd) {
    background-color:#yellow;
    }
  tr:nth-child (even) {
    background-color:#orange;
    }

.mtable-2 th{
    background-color:#333;
    color:white;
    }