/* If you want to add your own CSS code, please do it in this file */
.map-legend {
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  margin: 1em 2em;
  padding: 1em;
  position: absolute;
  width: 300px;
  z-index: 100;
}

.map-legend--list {
  height: 20px;
  margin: 2em auto 1em;
  width: 90%;
}

.map-legend--item {
  float: left;
  height:100%;
  width: 10%;
}