html {
	height:100%;
	width:100%;
	font-size:1rem;
	z-index:-1;
}
body {
  opacity:0.93;
  z-index:0;
  text-align:center;
  background-color:#F7F0ED;
  color:#654321;
}
a {
    color:#0008A0;
}
a:hover {
    color:blue;
	text-decoration:none;
}
img {
	background-color:transparent;
	z-index:1;
}
h2 {
}
form {
    text-align:center;
    display:inline-block;
    z-index:2;
}
th, td {
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  padding-right:15px;
}
.clock {
}
.header {
	background-image:linear-gradient(#F9F0EB, #F8F4F2);
}
.heading {
    color:#654321;
    font-weight:bold;
}
.footer {
	background-image:linear-gradient(#F9F0EB, #F8F4F2);
	text-align:center;
	color:navy;
	font-size:17px;
	font-weight:bold;
	text-shadow: 2px 2px silver;
	z-index:1;
}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.playing {
    font-family:'Arial', sans-serif;
	margin-right:-10px;
	background-color:#FFEBEB;
	border-radius:6px;
	font-size:14px;
	color:red;
	border:2px solid #EFE0D9;
	margin-left:-10px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:5px;
}
.waiting {
    font-family:'Arial', sans-serif;
	background-color:transparent;
	border-radius:6px;
	font-size:14px;
	color:#006400;
    border:2px solid #EFE0D9;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:18px;
    padding-right:18px;
}
.clear {
	margin-top:20px;
}
.logo {
	width:200px;
	min-height:200px;
	height:200px;
	margin-top:20px;
}
.autorefresh {
	min-width:140px;
	max-width:140px;
	min-height:27px;
	max-height:27px;
}
.fa {
  padding:20px;
  font-size:25px;
  width:25px;
  text-align:center;
  text-decoration:none;
  border-radius:50%;
}
.fa:hover {
  opacity:0.7;
}
.blink{
    animation:blink 1200ms infinite alternate;
}
.server_time {
	font-size:1.1em;
	color:#654321;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:19px;
	padding-bottom:19px;
}
.copyright {
	text-align:center;
  color:navy;
  font-size:17px;
  font-weight:bold;
  text-shadow: 2px 2px silver;
}
.title {
	color:#654321;
}
.shows {
	width:99%;
    White-space:pre;
    text-align:center;
}
@include media-breakpoint-up(sm) {
html {
	font-size:1.2rem;
 }
}
@include media-breakpoint-up(md) {
html {
	font-size:1.4rem;
 }
}
@include media-breakpoint-up(lg) {
html {
	font-size:1.6rem;
 }
}