@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:Abel,sans-serif;transition:.3s;background:linear-gradient(to bottom right,#181818,#636363) no-repeat fixed;height:100%}body,main{display:flex;justify-content:center;align-items:center}main{min-height:600px;background:url(../img/album-TheBends.2db3b493.jpg);background-size:cover;margin:0 auto;margin-top:30px;margin-bottom:30px;flex-direction:row;position:relative}main,main:after{width:100%;border-radius:10px}main:after{content:"";height:100%;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);position:absolute}.player{width:70%;min-width:400px;text-align:center;margin-top:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.volumen{color:#fff;margin:10px;display:flex}.volumen i{margin-left:5px;margin-right:5px}.rango-volumen{width:200px}.img-album{width:50%}.img-album,.img-portada{border-radius:10px}.list-title,.song-title{padding:10px 10px 0 10px;color:#fff;height:50px}.artist-title{color:#fff;padding-bottom:10px}.tiempo{display:flex;justify-content:center;align-items:center;color:#fff;padding:5px}.control{width:100%;height:50px;display:flex;justify-content:space-evenly}.mute{font-size:20px;margin:10px}.mute,.next,.pause,.play,.prev{background:none;border:none;color:#fff;cursor:pointer}.next,.pause,.play,.prev{width:50px;font-size:40px;transition:.3s}.next:hover,.pause:hover,.play:hover,.prev:hover{color:#b91ae0}.pause,.play{background-color:#000;border-radius:50px;text-align:center;font-size:25px;box-shadow:2px 2px 2px 1px rgba(0,0,0,.4)}.division-movil{width:100%;height:1px;display:none;border:none;margin-top:40px;background-color:#fff;z-index:1000}.playlist{width:100%;text-align:center;margin:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.canciones-lista{width:100%;height:50px;background:none;border:none;color:#fff;cursor:pointer;transition:.5s}.canciones-lista:hover{color:#b91ae0}@media (max-width:900px){main{width:100%;flex-direction:column}.division-movil{display:block}}@media (max-width:410px){main{width:100%;height:100%;font-size:12px;margin:0}}