.maroontext{
  color: #ad8083;
}

.paddingForTightVertical{
margin-bottom: 0.0em;
text-align: center;
display: block;
         margin-left: auto;
         margin-right: auto;

}
.paddingForLooseVertical{
margin-bottom: 3.5em;
}
.paddingForProgressBar{
  padding: .1em 0em;
}
.paddingForButtons{
  padding: 0em .4em;
}
.styleForMuteButton{
  padding: 0em 0em;
  width: 3.10em; 
}
.slider {
  -webkit-appearance: none;
  width: 0.10em; 
  height: 0.25em; 
  background: white; 
  outline: none;
  opacity: 0.0;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.25em; 
  height: 1.25em; 
  background: maroon; 
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: .125em; 
  height: .125em; 
  background: white; 
  cursor: none;
}