body {
  font-familly: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: 2 em;
   }
    
 tr:nth-child (odd) {
   background-color:yellow;
   }

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

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