waves.css

html, body {
  /* max-width: 100px; */
  /* max-height: 100px; */
  margin: 0;
  background: #DCECC9;
  overflow: unset;
  font-family: Arial, Helvetica, sans-serif;
}

html, body, table {
  height: 100%!important;
}

table {
  border-collapse: collapse;
  font-size: 10px;
  width: 100%;
}

table, th, td {
  border: none;
}

td {
  transition: all 0.2s;
  text-align: center;
}

.footer {
  opacity: 0.9;
  position: fixed;
  bottom: 0;
  color: #ffffff;
  background-color: #000000;
  width: 100%;
  text-align: right;
}

.footer p {
  font-size: 12px;
  margin-right: 30px;
  font-family: Arial, Helvetica, sans-serif
}

.footer p span {
  font-size: 12px;
  color: rgb(255, 70, 70);
}

.footer p a {
  color: #ffffff;
  text-decoration: none;
}

.footer p a:hover {
  color: rgb(255, 70, 70);
}

.menu {
  color: #ffffff;
  position: absolute;
  top: 10px;
  left:10px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #00000059;
  text-align: center;
  opacity: 0.2;
}

.menu h4 {
  color: #000000;
  margin: 7px 0px;
  background: #ffffffad;
}

.menu:hover {
   opacity: 1;
}

.menu hr {
  border-color: black;
}