html, body {
  margin: 0;
  padding: 0;
}
#centerDiv{
  width: 600px; 
  text-align: center; 
  margin-left: auto; 
  margin-right: auto; 
  line-height: 2;
}
h2{
font-family: 'Fredoka One', cursive;

}

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

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

input[type="range"]::-webkit-slider-runnable-track {
 background:Lightgrey;
 height: 5px; 
}

input[type="range"]::-moz-range-track {
 background: Lightgrey;
/*  height: 5px; */
}


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

input[type="range"]::-moz-range-thumb {
/*  height: 8px;
 width: 8px;
 background: white;
 margin-top: -5px;
 border-radius: 50%; */
}

input[type=checkbox] {
  accent-color: grey;
}