#musicplayer{
display:grid;
grid-template-columns:20px auto;
align-items:center;
width: 200px;
font-size:20px;
line-height:140%;
background:white;
border: 1px solid black;
 
}
 
#musictitle{
overflow: hidden;
white-space: nowrap;
display:inline-block;
width: calc(100% - 10px - 1px);
margin-left: calc(10px + 1px);
}
 
#musicpixel{
width:100%;
padding:5px;
position:relative;
min-height: 20px;
background:white;
border-right: 1px solid black;
}
 
 
.overlay {
opacity:0;
position:absolute;
top:0;
left:0;
text-align:center;
width:100%;
height:100%;
transition:0.3s ease;
 
background:white;
}
 
#musicplayer:hover .overlay {
opacity: 1;
transition:0.3s ease;
}
 
.playpause{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
 
.playpause:hover{
cursor:help;
}
 
#musicpixel img{
display:block;
}
 
.marquee{
color: black;
display: inline-block;
padding-left: 100%;
animation: marquee 5s linear infinite;
}
 
@keyframes marquee{
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(-100%, 0);
}
}