* {
  margin:0; padding:0;
  font-family: sans-serif;
}

#map{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

h1{
  position:absolute;
  
  z-index: 999;
  top: 40px;
  left:40px;
  color: rgba(0,0,0,0.7)
}

#slider-container {
    position: absolute;
    font-family: sans-serif;
    z-index: 999;
    bottom: 36px;
    left: 40px;
}

#slider-container label{display: block;font-size: 24px;margin-left: 0px;}

#slider-container input{width: 300px;}

#slider-container span{display: block;position: absolute;top: -5px;left: 232px;font-size: 25px;font-weight: 900;}

.leaflet-control-attribution {
  display:none;
}

#map .legend {
  margin-right:40px;
  margin-bottom:40px;
  font-weight: 700;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}

#map .legend i {transform: translateY(5px);border-radius: 5px;}

.custom-popup {
            font-size: 16px; 
            color: darkblue; 
  background: rgba(255,255,255,0.5);
        }