body {
background:#222;
color:#ccc;
}

canvas {
padding-bottom: 6px;
}

.container{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
/* border: 2px solid white; */
}

audio {
width: 572px;
}

.m3u-player--left, .m3u-player--right {
appearance: none;
cursor: pointer;
/* filter: invert(1); */
}

.m3u-player--title {
margin: auto;
appearance: none;
text-align: center;
}

::-webkit-media-controls-enclosure {
border-radius: 0px;
border: none;
}

@keyframes animate {
0% {
filter: hue-rotate(0deg);}
100% {
filter: hue-rotate(360deg);}
}

canvas {
animation: animate linear 30s infinite ;
}
