body {
	background: black;
	padding: 0px;
	margin: 0px;
}
div#player {
	width: 80vw;
	height: 60vh;
	background: black;
	margin: 20vh auto 0px auto;
	display: block;
}



ul.nav li a, ul.nav li a:visited {
    color: white !important;
}

ul.nav li a:hover, ul.nav li a:active {
    color: black !important;
}

ul.nav li.active a {
font-weight:bold;
    color: black !important;
}

.title {
font-weight:bold;
color: white !important;
}

slidercontainer{
    display:flex;
    align-items:right;
    justify-content:right;
	text-align:right;
    
}


/*.slidercontainer > input{
    transform:rotate(-90deg);
}*/

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 10px; /* Specified height */
  
  background: #FFFFFF; /* white*/
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}






.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border: 0;
  background: url('../pictures/handle.png');
  background-repeat: no-repeat;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: 0;
  background: url('../pictures/handle.png');
  background-repeat: no-repeat;
  cursor: pointer;
}
select#backgroundmusics {

 width:300px;

}

.gain {
margin-left:1em;
margin-right:1em;
}

.gainvalue{
color:white;
font-weight: bold;
text-align:center;
}