html, body {
  margin: 0;
  padding: 0;
  background-color: darkgrey; 
}
canvas {
  display: block;
}

  #myContainer{
    position:relative;
    
    margin: auto;
    margin-top: 40px; 
    width: 950px;
  }
  #credits{
    margin: auto;
    margin-top: 20px; 
    width: 950px;

  }


/* the container of the slider */
 .mySliders{
   background-color: transparent;
  -webkit-appearance: none;
    background: rgb(180, 180, 180); 
   height: 20px;  
} 
/* the "thumb" of the slider */
.mySliders::-webkit-slider-thumb {
  width: 16px;
  height: 16px;   
  background: rgb(1, 1,1); 
  -webkit-appearance: none;
  border-radius: 16px; 
}