@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro");
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@1,600;1,700&display=swap');

body { margin: 0; font-family: sans-serif; background-color: #fff; font-size: 15px;}
			
canvas { width: 100%; height: 100% }
a {color: #00769d; text-decoration: underline; line-height: 22px;}

a:hover {
			color: #0099cc;
		}

h3 {font-size: 16px;}


#info {
	position: relative;
	color: #FFF;
	top: 10px;
	width: 100%;
	text-align: center;
	z-index: 100;
	font-weight: bold;
	display:none;
	}

a.carbon {
	color: #fff; font-weight: bold;
}

a.carbon:hover {
	color: #fff;  font-weight: bold;
}

@media screen and (min-width: 960px) {
  			#main {
   			display: block;
 					}

 			#alternate {
			display: none;
			}
			}

			@media screen and (max-width: 960px) {
  			#main {
   			display: none;
 					}
				}

		#alternate {
			position: absolute;
			top:0px;
			left:0px;
			width: 100%;
			height: 100%;
			background-color: #fff;
			z-index: 100;
			padding: 20px;
			color: #000;
		}

#wrapper {
			position: absolute;
			top:0px;
			left:0px;
			width: 100%;
			height: 100%;
			margin:  auto 0;
}

#nowplaying {
	position: absolute;
	color: #333;
	background: transparent;
	top: 35%;
	left: 30%;
	width: 40%;
	height:225px;
	text-align: center;
	float: none;
	padding: 5px;
	z-index: 100;
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;
	font-family: "Source Sans Pro", sans-serif;
	margin:  auto 0;
			}

#left {
	position: absolute;
	color: #333;
	background: #ccc;
	top: 0;
	left: 0;
	width: 15%;
	min-width: 150px;
	height:100%;
	text-align: left;
	float:right;
	padding: 5px 20px;
	z-index: 100;
	font-size: 14.5px;
	font-weight: normal;
	overflow: visible;
	font-family: "Source Sans Pro", sans-serif;
	margin-left:0px;
	margin-right:0px;
	padding-bottom: 14%;

}

#right {

	position: absolute;
	color: #333;
	background: #ccc;
	top: 0;
	left: 83.5%;
	width: 15%;
	min-width: 150px;
	height:100%;
	text-align: left;
	float:right;
	padding: 5px 20px;
	font-size: 14.5px;
	font-weight: normal;
	overflow: visible;
	font-family: "Source Sans Pro", sans-serif;
	margin-left:0px;
	margin-right:20px;
	padding-bottom: 14%;
}


#datestamp {
	position: absolute;
	color: #333;
	background: transparent;
	top: 89%;
	left: 69%;
	width: 13%;
	height:225px;
	text-align: right;
	float: none;
	padding: 5px;
	z-index: 100;
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;
	font-family: "Source Sans Pro", sans-serif;
	margin:  0;
}