body{
	background-color: white;
	color: black;
}

.content{
	background-color: white;
	color: black;
}

.leftBar{
	border-right: 0.5px solid black;
	background-color: white;
}

.page{
	background-color: white;
	color: black;
}

.navigation{
	border-bottom: 1px solid black;
	background-color: white;
}

button{
	border: 1px solid black;
	background-color: white;
	color: black;
}

button:hover{
	background-color: black;
	border: 1px solid white;
	color: white;
}

a{
	color: black;
}

hr{
	border: none;
	border-bottom: 1px solid black;
}

*::-webkit-scrollbar-track {
  background: white;
  border: 0.3px solid black;
}

*::-webkit-scrollbar-thumb {
  background-color: black;
}

img{
	border: 1px solid black;
	border-left: none;
	border-right: none;
	border-top: none;
	
}

.slider{
	background-color: white;
	border: 1px solid black;
}

.slider::before{
	background-color: black;
	border: 1px solid black;
}

input:checked + .slider{
	background-color: white;
}

input:checked + .slider::before {
	background-color: black;
}

a img{
	filter: invert(0%);
}

#logo{
	filter: invert(0%);
}

.player{
	border: 1px solid black;
	border-left: none;
}

#playbt{
	filter: invert(0%);
	color: black;
}

#rewindbt{
	filter: invert(0%);
	color: black;
}

#windbt{
	filter: invert(0%);
	color: black;
}

#playbt:hover{
	filter: invert(100%);
	color: white;
}

#rewindbt:hover{
	filter: invert(100%);
	color: white;
}

#windbt:hover{
	filter: invert(100%);
	color: white;
}

#title{
	border-bottom: 1px solid black;
}

.cover{
	border: 1px solid black;
	border-left: none;
	border-bottom: none;
}