body {    
  margin: 0;
  padding: 0;
}

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

.main {
  width: 95.7%;
  background: #9E7F98;
  border-radius: 0px;
  padding: 0px;
}


#contrast-range {
  width: 14.4%;
  -webkit-appearance: none;
  background: LIGHTBLUE;
  position: relative;
  top: -1px;      
  left: 809px;  
  height: 5px;
  opacity: 0.7;
  outline: none;
  border-radius: 10px;
  cursor: pointer; 
} 

#contrast-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 50px;
  height: 6px;
  border-radius: 12px;
  cursor: pointer; 
  background: yellow; 
}