body {    
  margin: 0;
  padding: 0;
}

#container {
  display: flex;
  align-items: top;
  justify-content: top;
  height: 100vh;
  background: #; 
}

.main {
  width: 100%;
  background: #;
  border-radius: 10px;
  padding: 0px;
}


#contrast-range {
  width: 99.9%;
  -webkit-appearance: none;
  background: LIGHTBLUE;
  position: relative;
  top: -1px;      
  left: 0px;  
  height: 7px;
  opacity: 0.38;
  outline: none;
  border-radius: 10px;
  cursor: pointer; 
} 

#contrast-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 150px;
  height: 5px;
  border-radius: 12px;
  cursor: pointer; 
  background: red; 
}