html, body {
  margin-top: 20;
  padding: 0;
  background-color: black; 
}

 #myContainer{
    margin: auto;
    width: 400px;
    position: relative;  
  }
.myText{
   font-size: 14px; 
   color: white; 
  background-color: black; 
  border-style: hidden;

}

 .mySliders{

  /* Removes some defaults */
   background-color: transparent;
  -webkit-appearance: none;
} 

.mySliders::-webkit-slider-thumb {
  width: 10px;
  height: 10px;   
  background: rgb(100, 100, 100); 
  -webkit-appearance: none;
  
  /* negative top padding moves it up */
/*   margin-top: -6px; */

  
  /* Border radius gives rounded corners, if they're big enough, you end up with circles */
  border-radius: 8px; 
  
}