html {scroll-behavior: smooth;}
body {
    overflow-x: hidden;
}

.leaflet-layer,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control-attribution {
  filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


/* 0 */
.khandFont {font-family: 'Khand', sans-serif;}
.arrayFont{font-family: 'Array', sans-serif; }

/* 1 */
.zodiak {font-family: 'Zodiak', serif; font-weight: 400; font-style: italic;}
.comicoFont{font-family: 'Comico', cursive;
}

/* 2# */
.geneFont {font-family: 'General Sans', sans-serif;
}
.boskaFont {font-family: 'Boska', serif;
}


/* 3# */
.quickFont {font-family: 'Quicksand', sans-serif;
}
.britneyFont {font-family: 'Britney', cursive;
}