#map{flex-grow:1;height:100%}html,body{flex-direction:column;height:100%;margin:0;padding:0;font-family:Roboto,Arial,sans-serif;display:flex;position:relative}.tooltip{z-index:1001;color:#fff;pointer-events:none;background:#000c;border-radius:4px;padding:10px;font-size:12px;display:none;position:absolute}h1{text-align:center;margin:10px}.legend{z-index:1000;background-color:#fff;border:1px solid #ccc;padding:10px;font-family:Roboto,Arial,sans-serif;font-size:14px;position:absolute;top:140px;right:10px}.legend-item{align-items:center;margin-bottom:5px;display:flex}.legend-color{border:1px solid #000;width:20px;height:20px;margin-right:10px}