html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#mapCanvas {
  min-height: 640px;
  height: 100%;
}

#floating-panel {
  /*display: flex;*/
  position: absolute;
  /*position: relative;*/
  top: 50px;
  left: 15%;
  z-index: 5;
  text-align: center;
}

.group {
  border: 1px solid #999;
  border-radius: 3px;
  margin: 5px;
  padding: 5px;
  line-height: 25px;
  background-color: white;
  font-family: 'Roboto','sans-serif';
  font-size: small;
}

#mapState, #gradientState, #radiusNum, #intensityNum, #opacityNum, #magNum {
  font-weight: 800;
}