html, body {
  margin: 0.5%;
  padding: 1%;
}
body{
  background-color: #dbd7cfff ;
}
a{
  color: #323232ff;
}

canvas {
  display: block;
}
button {
  background-color: #d33a22; 
  border: none;
  color: white;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
button:hover{
  background-color: darkred

}

.leaflet-control-zoom {
  display: none;
}
.leaflet-pane, .leaflet-dragging {
  transform:none;
}

.leaflet-tile-container{
  filter:hue-rotate(180deg) blur(0.5px) contrast(180%) brightness(60%) sepia(40%) grayscale(0.7)  ;
  
}
label {
  font-family: OPTIFuturaDemiBold, "Futura Bold";
}

#selectLocation{
  visibility: hidden;
}
#attribution{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: #323232ff;
}

#namesDiv, #buttonDiv{
  background-color: rgba(255,255,255,0.3);
}

#artistList{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 1em;
  margin: 1vw;
}

p > #artistList{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 1em;
  margin: 1vw;
}