html,body{height:100%;margin:0;padding:0}#attributionLabel{background-color:#fffc;font-family:Roboto,Arial,"sans-serif";font-size:10px;padding:2px;margin:2px}#legend,#dataset,#counter{background-color:#e5e5e5;width:15em;margin-top:2em;margin-left:1em;border-radius:8px;font-family:Roboto;overflow:hidden}#dataset select{border-radius:0;padding:.1em;border:1px solid black;width:auto;margin:.5em 1em}.title{padding:.5em 1em;font-weight:700;font-size:1.5em;margin-bottom:.5em;background-color:#4285f4;color:#fff;width:100%}.button{font-size:1.2em;margin:1em;background-color:#4285f4;color:#fff;padding:.5em;border-radius:8px}#legend #container{margin:.5em 1em;display:flex}#legend div .box{display:flex;width:2em;height:2em;border-radius:50%;border:3px solid}#legend div .legend{display:flex;padding:.5em}