html,
body {
    margin: 0;
    font-family: sans-serif;
}

#root {
    margin: 0 auto;
    padding: 80px 20px;
}

svg {
    text-align: center;
}

path.line {
    fill: none;
    stroke: #3b82f6;
    stroke-width: 1px;
}

circle.humidity {
    fill: #3b82f6;
}

path.area {
    fill: #93c5fd;
    opacity: 0.5;
}

path.area-pump {
    fill: #22c55e;
    opacity: 0.5;
}

.axis path,
.axis line {
    fill: none;
    stroke: slategray;
    shape-rendering: crispEdges;
}

line.x,
line.y,
circle.y {
    stroke: Aqua;
}