body {
	font-size: 12pt;
	background-color: #fafafa;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
ul {
	margin-top: 0;
}
.header {
	padding: 5pt 0;
	text-shadow: 10px 10px 15px black;
	font-weight: normal;
	font-size: 46pt;
	color: white;
	background: linear-gradient(to right, #00a2ff, #00c0ff);
	border-bottom: 1px solid #a4a4a4;
}
.header_sub {
	font-size: 16pt;
	text-shadow: 4px 4px 10px black;
	font-weight: normal;
}
.scroll_txt {
	font-size: 12pt;
	text-shadow: 2px 2px 6px black;
	font-weight: normal;
	padding: 12pt 0;
	overflow: hidden;
}
.footer {
	color: white;
	padding: 8pt;
	background: linear-gradient(to right, #00a2ff, #00c0ff);
	font-size: 0.7em;
	font-weight: normal;
	overflow: hidden;
}
.footer a {
	color: white;
	font-weight: normal;
	overflow: hidden;
}
.row {
	margin-bottom: 12pt;
}
.row:last-child {
	margin-bottom: 0;
}
.text-center {
	text-align: center;
}
.container-fluid {
	max-width: 800px;
	margin: 0 auto;
	background-color: white;
	border: 1px solid #a4a4a4;
	border-radius: 8px;
	overflow: hidden;
}
.player {
	padding: 0pt 0;
	padding-left: 5pt;
	text-align: right; 
	width: 95%;
	max-width: 98%;		
	color: white;
	background: linear-gradient(to right, #00a2ff, #00c0ff);
	border: 1px solid rgb(129, 127, 128); 
	border-radius: 8px;
	box-shadow: 3px 3px 10px gray;
	overflow: hidden;
}
.muses {
	float: left; 
	margin-top:4pt;
	margin-bottom:4pt;
	max-width: 160px;
	max-height: 70px;
	border: 0px solid gray; 
}
.info {
	padding: 5pt 0;
	padding-left: 5pt;
	text-align: left; 
	width: 95%; 
	max-width: 98%;	
	white-space: nowrap;
	overflow: auto;
	max-height: 500px;	
	color: black;
	background: white;
	border: 1px solid rgb(129, 127, 128); 
	border-radius: 8px;
    font-size: 10pt;
}