html {font-family: Arial, sans-serif;}
body {margin:0;}
#player {
	border: 6px solid #0000FF;
	border-radius: 0em;
	max-width: 27em;
	background: #FFFFF0;
	margin:0 auto;
}


#player audio {width: 100%; 0; border:0px solid transparent;border-radius:0px;} 
#player audio:focus, #player audio:hover; #player audio:active {background:#bbb;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	audio {	filter: invert(0);}
}

#player ul {margin:0;padding:0}
#player li {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style-type:none;
	border-top: 2px solid #0000FF;
}

#player li a {padding:6px;}
#player li, #player li a {color:blue;text-decoration:none; font-size: 1.2rem;display:block;}
#player li a:focus, #player li a:hover, #player li a:active {background:#ccc;color:#000;outline:0;transition: all 500ms;}
.star {font-size: 1.3rem; line-height: .1rem; color:red;}
.bem {
	font-size: .8rem; color:#ccc;
	-webkit-text-size-adjust: none;
}

h1, h2, p {text-align:center;}