html{height:80%;overflow-x:hidden;}
body{height:100%;margin-top:80px;font-family:arial;color:white;background-color:#181818;}
input{width:40px;padding-top:3px;outline:0px;}
#cover{z-index:1;position:fixed;top:0;right:0;bottom:-100%;left:0;background-color:black;opacity:0.7;}
#footer{z-index:1;position:fixed;left:0;right:0;bottom:0;opacity:0.9;}
.scroll{position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.title{max-width:0;padding-top:4px;border-bottom:1px solid #404040;}
.title-b{max-width:0;padding-top:4px;}
.time{padding-top:2px;border-bottom:1px solid #404040;font-size:11px;color:gray;text-align:right;}
.time-b{padding-top:2px;font-size:11px;color:gray;text-align:right;}
.topbar{z-index:1;position:fixed;top:0;height:55px;padding-top:5px;overflow:hidden;text-overflow:ellipsis;}
.what{width:var(--col);display:inline-block;overflow:hidden;}
.who{width:var(--col);display:inline-block;overflow:hidden;font-size:smaller;color:gray;}
@media(orientation:landscape){
	.mrg{max-width:1000px;margin:auto;padding-left:30px;padding-right:30px;padding-bottom:30px;border-bottom:1px solid #404040;}
	:root {
		--col:10px;
		--mrg:0px;
	}
}
@media(orientation:portrait){
	.mrg{padding-left:15px;padding-right:15px;padding-bottom:30px;border-bottom:1px solid #404040;}
	:root {
		--col:10px;
		--mrg:30px;
	}
}