*{ margin:0px; padding:0px;}
.music { 
 margin-left: auto;
 margin-right: auto; 
 margin-top: 40px;
 border-radius: 20px; 
 position: relative;
 margin-bottom: 80px;
} 
.time { 
 font-size: 10px;
 line-height: 1.5; 
 margin-top: 25px;
}

.cTime {
 float: left;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.tTime {
 float: right;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.progress {  
 padding-right:10px;
 background: #d58e70;
 border-radius:5px;
}

.proBar {
 width: 100%;
 height: 10px;  
 margin-top: 5px;
 border-radius: 5px;
 position:relative;
} 
.clr{ clear:both; }
.proColor {
    content: "";
    position: absolute;
    top: -4px;
    left:0;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: #bc190a;
    z-index:99999999999999999;
}
.ctrls {
 text-align: center;
 margin-top: 40px; 
 position:relative;
} 

button {
 height: 50px;
 width: 70px;
 border-radius:70%;  
 transition: all 0.3s;
 outline:0;
 color:#b81c0f;
 border:2px solid #b81c0f;
 font-size:20px;
 position:relative;
}
.ctrls ul{ position:absolute; left:0px; top:50px; width:100%; text-align:center; display:none; }
.ctrls ul li{ 
 border:1px solid #b81c0f;}