* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	background-color: #305;
	font-family: Sans-serif;
	font-style: italic;
	color: #fb5;
}

a {
	color: #e37;
	text-decoration: none;
}

a:hover { color: #f39; }

h1 { font-size: 4em; }

ul { padding: 0 0 1em 1em; }

audio {
	position: relative;
	float: left;
	width: 49%;
}

#logo {
	position: absolute;
	top: 0px;
	right: 0px;
	float: left;
	clear: right;
	margin: 1em;
}

#logo p {
	padding: .5em 0 .5em 0;
	font-weight: bold;
	text-align: center;
}

#login {
	position: absolute;
	top: -100px;
	right: 0px;
	margin: 1em 2em 0 0;
}

#login * {
	font-weight: bold;
	text-align: right;
	margin-bottom: .2em;
}

#login input {
	background-color: #d37;
	color: #fb5;
	padding: .2em 1em .3em 1em;
}

input#logsub { background-color: #305; }

input#logsub:hover { background-color: #d37; }

#stream { overflow: auto; }

#stream div {
	position: relative;
	float: right;
	width: 49%;
	font-style: normal;
	text-align: center;
	overflow: hidden;
}

#now_playing span {
	font-weight: bold;
	font-style: italic;
}

#content {
	position: absolute;
	top: 35%;
	left: 33%;
	padding: 1em;
	width: 30%;
	background-color: #305;
	color: #fb5;
	border-style: solid;
	border-width: 2em;
	border-color: #d37;
}

#background-lines {
	height: 100vh;
	clip-path: circle(50vh at center);
}

#bg01 { height: 0.1vh; }
#bg02 { height: 0.2vh; }
#bg03 { height: 0.3vh; }
#bg04 { height: 0.4vh; }
#bg05 { height: 0.5vh; }
#bg06 { height: 0.75vh; }
#bg07 { height: 1vh; }
#bg08 { height: 1.25vh; }
#bg09 { height: 1.5vh; }
#bg10 { height: 2vh; }
#bg11 { height: 2.5vh; }
#bg12 { height: 3vh; }
#bg13 { height: 4vh; }
#bg14 { height: 5vh; }
#bg15 { height: 7.5vh; }
#bg16 { 
	margin-top: 1.25em;
	height: 50vh;	
}

.bgline {
	left: 0;
	width: 100%;
	margin: 1em 0 1em 0;
	background-color: #fb5;
}