body  {
    font-family: monospace;
    text-align: center;
    background-color: #0c0c0c;
    color: #ccc;
}

@font-face {
    font-family: hax;
    src: url(/hax.ttf);
}

h1 {
    color: #00D600;
    font-family: hax;
    font-size: 50px;
}

a {
    color: lime;
}

table { 
    margin: 0px auto;
    border-collapse: collapse;
}

table, td, th {
    border-color: #137213;
    border-width: 1px;
}

td, th {
    text-align: center;
    padding: 0 3px;
}

table.scoreboard, table.scoreboard td, table.scoreboard th {
    border-style: solid;
}

table.chart th {
    border-bottom-style: solid;
}

table.scoreboard {
    border-width: 3px;
}

table.chart {
    margin-top: 10px;
}

.timestamp {
    font-size: xx-small;
}

#container {
    margin: 0px auto;
}

.clear-fix {
    clear: both;
}

#chart-container {
    margin: 0px auto;
    width: 42.5em;
    text-align: center;
}

.chart {
    display: inline;
    float: left;
    margin: 0 1em;
    width: 12em;
}

.chart td.score {
    text-align: right;
}

.chart .label {
    width: 100%;
}