.leaflet-tile-pane {
    filter: grayscale(100%) contrast(100%) brightness(100%);

}

#mapDirectionsButton {
    background: #4a9eca;
    color: white;
    text-transform: uppercase;
    box-shadow: 0px 3px 13px rgb(74 158 202 / 74%);
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    border: solid 1px white;
    border-radius: 21px;
    cursor: pointer;
    text-shadow: 0px 0px 8px rgb(0, 0, 0, 34%);
    text-decoration: none;
    padding: 5px 10px;
}

.leaflet-tile-pane {
    
}

/* Optional: if you want to fade out certain map elements */
.leaflet-control-attribution {
    opacity: 0.7;
}