html, body {
  height: 100%;
  width: 100%;
  padding: 0; margin: 0;
  color-scheme: dark light;
  font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif
}

#content {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

#map {
  width: 100vw;
  height: 50vh;
}

#chartArea {
  width: 90vw;
  margin: auto;
  margin-bottom: 2em;
}
#myChart {
  width: 90vw;
}

table, th, td {
  border: 1px solid whitesmoke;
  border-collapse: collapse;
  padding: 0.2em 0.4em;
}

#dataPoints > table {
  width: 95%;
  margin: auto;
}

#dataPoints {
  overflow: scroll;
}

#controlPanel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

#controlPanel > button {
  padding: 0.5em;
  margin: 0.1em;
}