html,body { margin: 0; padding: 0; width:100%; height:100%; min-height:2500px  }
* { margin:0; padding:0; } /* to remove the top and left whitespace */


canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  display:block;

}


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

/* .geocoder {
    position: absolute;
    z-index: 1;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    top: 10px;
} */
.mapboxgl-ctrl-geocoder {
    min-width: 100%;
}
p, ol{
      background-color: rgba(255,255,255,0.5);
    padding: 2px;
}
#points li{
  opacity:0;
  transition: opacity 1s;
  font-family:monospace;
}
#cutmap{
  opacity:0;
  transition: opacity 1s;
  margin-top: 1em;
  
}
h2 {

  
    text-transform: uppercase;
    font-family: verdana;
    font-size: 2em;
    font-weight: 700;
}
h1 {
    margin-top:1em;
    margin-bottom:1.5em;
    text-align:center;
    text-transform: uppercase;
    font-family: verdana;
    font-size: 4em;
    font-weight: 700;
/*     color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
  */
}