@import url(http://fonts.googleapis.com/css?family=Bangers);

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24pt;
  font-weight: 300;
}

main {
  width: 100%;
  max-width: 960px;
  margin: auto;
}

h1, h2 {
  font-family: Bangers, cursive;
  font-weight: normal;
  padding: 0 10px;
}

h1 {
  color: #789;
  font-size: 48pt;
  border-bottom: 1px solid black;
  text-shadow: #def 4px 4px;
}

h1 small {
  color: #777;
  font-size: 32pt;
  text-shadow: #ddd 2px 2px;
}

h2 {
  color: #555;
  font-size: 40pt;
  text-shadow: #bbb 2px 2px;
}

h2:before {
  content: "--- ";
  font-size: 24pt;
}

h2:after {
  content: " ---";
  font-size: 24pt;
}

table {
  width: 100%;
  border-collapse: collapse;
}

tr:first-child {
  border-bottom: 1px solid black;
}

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

th, td {
  padding: 0.5ex 1em;
  text-align: right;
}

th:first-child, td:first-child {
  padding-left: 10px;
  text-align: left;
}

th:last-child, td:last-child {
  padding-right: 10px;
}

td.winner {
  color: #080;
  font-weight: bold;
}