styles.css

@charset "UTF-8";

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }

body {
    font: 16px/1.5 "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased;
    margin: 0;
    padding-bottom: 100px; }

a { color: #307EA9; text-decoration: none; }
a:hover { color: #307EA9; text-decoration: underline; }

.container {
    max-width: 800px;
    padding: 0 20px;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

p {
    margin: 0;
    padding-bottom: 1em;
}

#chart {
    width: 100%;
    height: 500px;
}

td, th {
    font-size: 0.8em;
    text-align: left;
    padding: 3px;
}


ul { margin-top: .2em; padding: .2em;}

tr:hover {
    background-color: #efefef;
}

.center { text-align: center; }

.muted { color: #999; }

.alert {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}