html,body {
    padding: 0;
    margin: 0;
    height: 100%;
}

#map {
    height: 100%;
}

div#info {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    font-size: 0.8em;
    line-height: 1.1em;
    font-family: sans-serif;
    /* background: white; */
    /* padding: 0.5em; */
    /* border-radius: 1em; */
    display: flex;
}
.pill {
    padding: 0.5em;
    border-radius: 1em;
    background: white;
    display: flex;
    margin: 0.3em;
}
.pill-light {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: lightgrey;
    border-radius: 50%;
}
.pill-text {
    padding: 0 0.5em;
}
.green {
    background: #093;
}