/* remove default margin and padding from body */
body {
    padding: 0;
    margin: 0;
  }
  
/* set map, body, and html to 100% of the screen size */
#map,
body,
html {
  height: 100%;
}

.legend {
  background: white;
  padding: 10px;
  border-radius: 10px;
}

.legend i {
  width: 30px;
  height: 15px;
  float: left;
  margin-right: 5px;
}