body{
  font-family: sans-serif;
  font-size: 16px;
  background-color: black;
  text-align: left;
}


table {
  background-color:silver ;
  border-radius: 0px;
  border-style: hidden;
  font-size: 1em;
  border-spacing: 10px 3px;
  margin-left:0;
  text-align:right;
}


.table-border {
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  font-size: 1em;
  margin-left:0;
  text-align:right;
  width:20em;
 }


td {
  border-radius: 5px;
  border-width: 1px;
  border-color: gray;
  border-style:hidden;
  white-space: nowrap;
}

.td-border {
  border-radius: 5px;
  border-width: 1px;
  border-color: gray;
  border-style: solid;
  white-space: nowrap;
  text-align: center;
}

.td-white {
  border-radius: 0px;
  border-style: hidden;
  background-color:white;
  width:80%;
}

.td-black {
  border-radius: 0px;
  border-style: hidden;
  background-color:black;
  width:80%;
}

ul {
    float: right;
    top: 0px;
    right: 0px;
    position: fixed;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: right;
    top: 0px;
    right: 0px;
    color: lightgray;
    padding: 10px;
    margin: 0;
}

li a {
    display: block;
    color: lightgray;
    text-align: center;
    padding: 10px;
    margin: 0;
    text-decoration: none;
}

/* Change the link color to #fff (white) on hover */

li a:hover {
    color: white;
}