html
{
width: 100%;
height: 1000px;
text-align: center;
background: url(Dark.png) repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

a
{
font-family: myFont1;
text-decoration: none;
}

body
{
margin: 0;
padding: 0;
}

footer
{
color: white;
font-family: myFont;
}

@font-face
{
font-family: myFont;
src: url(Square.ttf);
}

@font-face
{
font-family: myFont1;
src: url(aharoni.ttf);
}

.Downloads
{
text-align: left;
font-family: myFont1;
text-decoration: none;
margin-left: 5px;
color: white;
}

b
{
color: grey;
}

#audioplayer
{
width: 480px;
height: 60px;
margin: 50px auto auto auto;
border: solid;
background: rgba(200,200,200,);
}

#pButton
{
height:60px;
width: 60px;
border: none;
background-size: 50% 50%;
background-repeat: no-repeat;
background-position: center;
float:left;
outline:none;
}

.play{background: url('http://www.alexkatz.me/codepen/images/play.png') ;}
.pause{background: url('http://www.alexkatz.me/codepen/images/pause.png') ;}

#timeline
{
width: 400px;
height: 20px;
margin-top: 20px;
float: left;
border-radius: 15px;
background: rgba(0,0,0,.3);
}

#playhead
{
width: 18px;
height: 18px;
border-radius: 50%;
margin-top: 1px;
background: rgba(0, 0, 0,1);
}