body {
    font-size: 130%;
    background-color: #dde5b6;/*e2f5b6*/
    color: #111;
    font-family: Roobert, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
@media only screen and (max-width: 600px) {
    #wrapper {
        width: 100%;
    }
    #records_table {
        width: 100%;
    }
}
@media only screen and (min-width: 600px) {
    #wrapper {
        width: 80%;
        margin: auto;
    }
    #records_table {
        width: 80%;
        table-layout: fixed;
    }
    td {
        padding: 1em;
    }
}
/*
#wrapper {
    width: 80%;
    margin: auto;
}*/
h1, h2 {
    text-align: center;
}
#records_table {
    border-spacing: 0px;
    border-collapse: collapse;
    margin: auto;
    /*width: 80%;
    table-layout: fixed;*/
}
td {
    /*padding: 1em;*/
    border: 2px solid #9bab5d;
    font-size: 1.1em;
    text-align: center;
}
#empty_cell {
    border: 0px;
}
thead td {
    text-align: center;
}
td.label {
    font-size:1em;
    /*font-weight: bold;*/
    background-color: #eafdbd;
}
.temp_value {
    font-weight: bold;
    display: block;
    font-size: 135%;
}
#precip {
    font-size: 130%;
    text-align: center;
}
#precip_value {
    font-weight: bold;
    font-size: 135%;
}
.record_years {
    font-size: 90%;
}