/* Each device's own interface font, with sans-serif as the fallback */
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Chart.js sizes the chart to fit its parent, so this sets the chart size */
.chart-container {
    position: relative;
    width: 100%;
}

/* Half width on screens wider than a phone */
@media (min-width: 768px) {
    .chart-container {
        width: 50%;
    }
}

table {
    margin-bottom: 2rem;
}

/* Space between the reservoir names and the percentages */
th, td {
    padding-right: 2rem;
}