html, body {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  background-color: #E4F4F3;
}

* {
  font-size: 21pt;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  line-height: 21pt;
}

#holder {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

#wallpaper,
#countdown,
#contents,
{
  /* width: 90%;
  height: 90%; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  margin: 30px 30px;
  border-radius: 20px;
  background-color: #8DCAD7;
}

#mapdiv {
  bottom: 30px;
  right: 30px;
  position: fixed;
}

#simulate {
  position: fixed;
  bottom: -30px;

}

#nextbtn {
  width: 100%;
  z-index: 10;
  position: fixed;
  bottom: 30px;
}

#wallpaper {
  z-index: -10;
}

#countdown {
  z-index: -5;
}

button {
  /* position: relative; */
  display: block;
  border-radius: 20px;
  border-style: solid;
}

img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

input[type="range" i] {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
  -webkit-appearance: none;
}

/* turn off safari styling */
select {
  -webkit-appearance: none;
}

input[type=range]{
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #8DCAD7;
  border: none;
  border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #074247;
  margin-top: -4px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #8DCAD7;
}

/* @supports (-webkit-touch-callout: none) {
  .leaflet-control-container .leaflet-top,
  .leaflet-control-container .leaflet-bottom {
    will-change: transform;
  }
} */

/* .leaflet-container {z-index:0} */
/* .leaflet-map-pane canvas {
  z-index: 399;
} */

/* #mappa {
  z-index: 100;
}

.leaflet-container {
  z-index: 100;
} */