body {
  margin: none;
  padding: none;
}
table {
  border-collapse: collapse;
  border: 2px solid black;
}
td, th {
  border: 1px solid black;
}
tr:nth-child(even) {
  background-color: #eee;
}
th {
  background-color: lightgray;
  color: #333;
  border-bottom: 2px solid black;
}
td {
  color: #222;
}
th a:first-child {
  float: left;
}
th a {
  color: black;
}
th a:hover {
  color: green;
}
th a:nth-child(2) {
  float: right;
}
.ascending::before {
  content: '\2193';
}
.descending::before {
  content: '\2191';
}