body {
    height: 100%;
    margin: 0px;
    display: flex;
    background-color: #000000;
    background-image: url(/img/bg111.svg);
    background-repeat: no-repeat
    background-position: center;
    /*filter:blur(5px);*/

}
#container {
    margin: auto;
    padding: 0px 20px;
}
header{
top:-1.6rem;
cursor:default;
justify-content: center;
}
footer{
margin-bottom:3.5rem!important;
font-size:.75rem;
justify-content: right;
position:absolute;
}
header,footer{
	opacity:.75;
	display: flex;
	position:fixed!important;
	color:#fff!important;
	width:100%;
	z-index:2!important;
}
/*header:hover,footer:hover{
	opacity:1;
	text-shadow: 2px 2px 1px #000;
}*/
h2{font-size:1.8rem;}
ul{display:block;}
#hls-player{
background:#111!important;
top:0!important;
position:relative!important;
width:100%;
height:auto!important;
z-index:1!important;
}
@media only screen and (max-width: 600px) {
h2{font-size:.8rem;}
header{top:-.8rem;
}
}
a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover,img:hover {color:#FF00FF;/*background:red;*/width:2.25rem!important;height:2.25rem!important;}
a:active {color:#0000FF;}
summary{font-size:1.5rem;background:rgba(250,250,250,.5);cursor:default;}
summary::marker {/*color:transparent;*/}
/*div{width:100%;}*/
.chselector{
	position:fixed!important;
	top:5rem;
	right:5rem;
}