body { background: black; color: lightgrey; }

a, a:hover, a:visited, a:active
{ color:lightgrey; text-decoration:none; }

#customers { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#customers td, #customers th { border: 1px solid #ddd; padding: 8px; }
#customers tr:nth-child(even){background-color: #222;}
#customers tr:hover {background-color: #000; color: white; }
#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 30px */
@media screen and (min-width: 601px) { td { font-size: 30px; } }

/* If the screen size is 600px wide or less, set the font-size of <div> to 80px */
@media screen and (max-width: 600px) { td { font-size: 80px; } }