#mplayer{
	display: flex;
	flex-direction: column;
	background-color: mediumVioletRed;
	color: white;
	width: 500px;
}


.Acontrol{
	background-color: purple;
	color: white;
	border: none;
	width: 33.3%;
}

.Acontol:hover{
	background-color: yellow ;
	color: hotpink;
}

#mainControls BUTTON{
	width: 100px;
	height: 50px;
}



#mediaApp{
	display: flex;
	flex-direction: column;
	width: 500px;
}

#mediaControls{
	display: flex;
	flex-direction: column;
	/*indent: 5px;*/

}

#playing{
	background-color: purple;
	color: white;
}

#mainControls{
	flex-direction: row;
}

#debugBox{
	display: inline;
}

OL{
	display: flex;
	flex-direction: column;
	background-color: hotpink;
	width: 500px;
	oerflow: hidden;
}


LI{
	
}
LI:hover{
	background-color: purple;
	color: white;
	
}