html { font-family: sans-serif; background: #eee; padding: 1rem; }
body { margin: 0 auto; background: white; }
header { padding:0 10px; }
h1 { font-family: serif; color: #377ba8; margin: 1rem 0; }
h3 { font-family: serif; color: #377ba8; margin: 1rem 0; }
a { color: #377ba8; }
hr { border: none; border-top: 1px solid lightgray; }
.button { border: 1px solid #377ba8; color: #233751; background: #d6e3f6; padding: 3px 5px; margin: 5px; cursor: pointer; }
.button:hover { box-shadow: 1px 1px 2px gray; margin:4px 6px 6px 4px; }
.stick_to_next { margin-bottom: 0; }

.floater { float:left; margin-left:10px; }
#reload_data { float:right; clear:both; margin-top:-30px }

#activity_log { white-space: pre; font-family: monospace; font-size: small; padding:3px 5px 3px 3px; height: 160px; overflow: auto; border:1px solid darkgray; }

#co2chart { width:100%; height:600px; padding:2px 10px 2px 2px; box-sizing: border-box; }
#chart_tooltip {
    position:absolute;
    border: 1px solid #11557C;
    border-radius: 5px;
    background: #D3E7E9;
    margin: 0;
    padding: 5px 10px;
    display: none;
}
#chart_tooltip h3 { margin: 0; padding:0; font-size: 14px; }
#chart_tooltip p { margin:0; padding:0; font-size:12px; }
#chart_tooltip a { font-size:12px; padding:1px 3px; }