#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}#toggleButton{z-index:1000;position:absolute;top:70px;left:50%;transform:translate(-50%)}#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:#ffffffe6;border-radius:5px;padding:10px;font-size:14px;line-height:1.5;position:absolute;bottom:20px;right:20px}#legend h4{text-align:center;margin-top:0;margin-bottom:5px}#legend div{align-items:center;display:flex}#legend span{border:1px solid #000;width:20px;height:15px;margin-right:5px;display:inline-block}