@charset "utf-8";
@font-face{
    font-family:'ProximaNova';
    src:url('/fonts/proxima_nova_regular-webfont.eot');
    src:url('/fonts/proxima_nova_regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/proxima_nova_regular-webfont.woff') format('woff'),
    url('/fonts/proxima_nova_regular-webfont.ttf') format('truetype'),
    url('/fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-style:normal;
    font-weight:400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face {
	font-family:'ProximaNova';
	src:url('/fonts/proxima_nova_regular-webfont#proxima_nova_rgregular') format('svg');
	font-style:normal;
	font-weight:400;
    }
}

@font-face {
    font-family: 'Howling_Nightmare';
    src:url('/fonts/Howling_Nightmare.woff2') format('woff2'),
        url('/fonts/Howling_Nightmare.woff') format('woff'),
	url('/fonts/Howling_Nightmare.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
	font-family:'ProximaNova';
	background-color: #013;
}

#logo{
	display:block;
	margin:0 auto;
	text-align:center;
}

div{
	display:block;
	margin:0 auto;
	width:480px;
	font-size: 1.1em;
	margin-top:20px;
}

#toplogo{
display:block;
width:400px;
text-align:center;
margin:0 auto;
margin-top:20px;}

.controlBar{
	background-color: rgba(96,96,96,.8);
}
#player{
	/*background-color: rgba(96,96,110,.8);*/
}

      #player {
	margin: 0;
	padding: 0;
    font-family: sans;
    font-size: 1.1em;
	width: 480px;
      }
	  
      #playlist {
	border: solid 5px #555;
	font-size: 1.1em;
      	background-color: #555;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 470px;
      }
      #playlist li{
	padding:2px;
	}
	  
      #playlist li:nth-child(even) {
      	background-color: #456;
      }
	  
      #playlist li:nth-child(odd) {
      	background-color: #345;
      }

      #playlist li a{
        color: white;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
      }
	  
	  #playlist li a:hover, #playlist li a:active, #playlist li a:focus{
		  color:#45F;
		  background:#bbb;
		  padding: 3px 2px;
	  }

#listen{
color:#fff;
text-shadow:2px 2px 2px #000;
  display: block;
  margin: 0 auto;
  text-align: center;
  min-width: 5vw;
  max-width: 20vw;
  width:auto;
  font-weight: bold;
  font-size: 1.6em;
  border-radius:4px;
  background:rgba(30,15,15,0.8);
}