/* Absolute Center */ .abs-center{
margin: auto; position: fixed; top:0; right:0; bottom:0; left:0;
} /*Container for audio player*/ audioplayer{
width: 480px; height: 60px; margin: auto; margin-top: 50px; border: solid;
} /* Play/Pause Button */ pButton{
height:60px; width: 60px; border: none; background-size: 50% 50%; background-repeat: no-repeat; background-position: center; float:left; outline:none;
} /*Classes for play/pause button background*/ .play{background: url(‘../img/play.png’) ;} .pause{background: url(‘../img/pause.png’) ;}
timeline{
width: 382px; height: 20px; background: rgba(0,0,0,.3); margin-top: 20px; float: left; border-radius: 15px;
} /*Grabable Playhead*/ playhead{
cursor: pointer; width: 18px; height: 18px; border-radius: 50%; margin-top: 1px; background: black;
}