@media screen and (max-width: 420px) {
.playlist{
    top: -40px;
    height: 40px;
}
.playlist ul li  {
    font: normal 1.2rem cursive;
    text-underline-offset: 4px
}  
.playlist ul li:hover {
    transform: scale(1.1);
    font-size: 1.5rem;
}
.playlist .menu {
    top: 40px;
    width: 60px;
}
.active .playlist .menu {
    top: 40px;
}
.container {
    width: 80%;
    height: 75%;
}
.container .slider{
    width: 55%;
 }
 .container .name {
    font-size: 1.5rem;
 }
 .container .dots i {
    font-size: 2rem;
 }
 .playerCont #developer {
    left: 15%;
    transform: translateX(0);
    font-size: 1.3rem;
 }
}