body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    margin: 0;
    height: 100%;
}

#map {
    height: 85vh;
}

.leaflet-map-pane canvas {
    z-index: 10;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid black;
    background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.leaflet-tile-pane,
.leaflet-map-pane svg {
    z-index: 20;
}

h1,
p {
    margin-left: 1rem;
}

.leaflet-container img.leaflet-tile {
    filter: grayscale(100%);
    /*filter: saturate(150) grayscale(1) contrast(10);*/
}
.leaflet-overlay-pane,
.leaflet-pane {
    z-index: 40;
}

.leaflet-shadow-pane {
    z-index: 50;
}

.leaflet-marker-pane {
    z-index: 60;
}

.leaflet-tooltip-pane {
    z-index: 65;
}

.leaflet-popup-pane {
    z-index: 70;
}

.leaflet-top,
.leaflet-bottom {
    z-index: 80;
}