body{
  background-color: lightgray;
}

ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: hsl(0, 40%, 50%);
}

li.menu {
  float: left;
  font-size: 90%;
}

li.menu a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li.menu a:hover {
  background-color: lightcoral;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}


td.myinfo {
  padding: 10px;
  width: 100%;
  background-color: #f1f1f1;
  font-size: 100%;
  text-align: justify;
  
}

td.myinfo h1{
   color: hsl(0, 40%, 50%);
   font-size: 100%;
   text-align: center;
}


table.mytable{
   width: 100%;
   border-collapse: collapse;
   font-family: arial, sans-serif;
   
}

p.footter{
   background-color:hsl(0, 40%, 50%);
   text-align:right;
   padding:3px;
   font-family: arial, helvetica, sans-serif;
   color:white;
   font-size:70%;
}

a.myref {
  color: hsl(0, 40%, 50%);
  text-decoration: none;
}