html,body{height:100%;margin:0;padding:0}#legend{background-color:#fff;border-radius:8px;width:15em;margin:1em;font-family:Roboto,Arial,sans-serif;overflow:hidden;box-shadow:0 2px 6px #0000004d}.title{color:#fff;box-sizing:border-box;background-color:#4285f4;margin-bottom:.5em;padding:.5em 1em;font-size:1.5em;font-weight:700}.legend-item{flex-direction:row;align-items:center;margin:.5em 1em;padding-bottom:.5em;display:flex}.legend-icon{margin-right:1em;font-size:24px}.legend-text{font-size:1.5em}