#map {
  position: absolute;
  width: 100%;
  height: 85%; 
  background-color: var(--bgnd-color);
}

#slider {
  position: absolute; 
  top: 10px; 
  right: 10px; 
}

.ol-attribution {
  display: none;
}

.ol-control {
  position: absolute !important;
  background-color: Gainsboro !important;
  bottom: 50px !important;
  right: 10px !important;
  width: 46px !important;
  height: 90px !important;
}

.ol-control button{
  width: 40px !important;
  height: 40px !important;
  border-radius: 10% !important;
}

.ol-zoom-in, .ol-zoom-out {
  background-color: White !important;
  background-position: center !important;
  background-size: 90% !important;
  background-repeat: no-repeat !important;
  color: Black !important;
}

.ol-zoom-in {
  background-image: url(../images/magnifier-plus.svg) !important;
  margin-bottom: 4px !important;
}

.ol-zoom-out {
  background-image: url(../images/magnifier-minus.svg) !important;
}