/* AUDIO PLAYER */

#playercontainer {
    horiztonal-align: center;
    width: 100%;
    max-width: 430px;
    text-align: center;
    margin: auto; /*auto centers the container */
}

.audiolist {
    margin: 0;
    padding: 0;
}

.audiolist li {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin: 7px;
    text-align: center;
}
  
.audioplayer {
    width: 70px;
    height: 70px;
    margin: auto;
    border: solid;
    border-radius: 50%;
    border-width: 3px; 
    border-color: #fff;
}

.audioplayer:hover {
    background-color: rgba(255,255,255,.35);
    border-color: rgba(255,255,255,.75);
}

.playbutton {
    height: 70px;
    width: 70px;
    border: none;
    outline: none;
}

.play {
    background: url('http://pealsmusic.com/play_button.svg');
}

.pause {
    background: url('http://pealsmusic.com/pause_button.svg');
}

.play,
.pause {
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
}

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

.playhead {
    display: none;
    width: 0px;
    height: 0px;
     border-radius: 50%;
     margin-top: 0px;
     background: rgba(0, 0, 0, 1);
     cursor: pointer;
 }