#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;font-size:126x;background:#000c;border-radius:4px;padding:10px;display:none;position:absolute}h1{text-align:center;margin:10px}#legend{z-index:1000;background-color:#ffffffe6;border-radius:4px;padding:10px;font-size:14px;position:absolute;top:90px;right:10px}#legend h4{margin-top:0;margin-bottom:5px}#legend div{align-items:center;margin-bottom:3px;display:flex}#legend span{border:1px solid #000;width:20px;height:14px;margin-right:5px;display:inline-block}@media (width<=600px){#legend{position:absolute;inset:auto auto 50px 50%;transform:translate(-50%)}#toggleButton{position:absolute;top:auto;bottom:10px;left:50%;transform:translate(-50%)}}