nav {
    margin: 1em;
}

body {
    overflow: hidden;
}

.leaflet-touch .leaflet-bar {
    border: none !important;
}

.leaflet-touch .leaflet-bar a:first-child {
    margin-bottom: .5em;
}

.leaflet-touch .leaflet-bar a {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.leaflet-touch .leaflet-bar a:first-child,
.leaflet-touch .leaflet-bar a:last-child {
    border-radius: 2px;

    background: black;
    color: white;
    font-family: 'FF Ultra';
    border: none;
}

.leaflet-interactive {
    stroke-width: 0;
    stroke: var(--site-color)
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

nav {
    opacity: 0;
    animation: fade-in .4s ease-in-out 0s forwards;
}

div#map {
    opacity: 0;
    animation: fade-in .4s ease-in-out .5s forwards;
}