body {
  background-color: rgb(189, 224, 235);
  font-size: 1em;
  color: hwb(0 0% 100%);
  text-align: center;
}
header {
  text-align: center;
  background: linear-gradient(
    181deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(9, 9, 121, 1) 48%,
    rgba(0, 212, 255, 1) 100%
  );
}
h1 {
  font-size: 3em;
  color: yellow;
}
h2 {
  font-size: 2em;
  color: rgb(5, 0, 0);
}

ul.horizontal li {
  display: block;
  float: left;
  padding: 0 px;
  text-align: left;
}
table,
th,
td,
caption {
  border: thin solid #a0a0a0;
  }

ul.a {
  list-style-type: circle;
  text-align: left;
}
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 40%;
}

#customers td,
#customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

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

#customers tr:hover {
  background-color: #ddd;
}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04aa6d;
  color: white;
  text-align: center;
}