*{font-family:Poppins,sans-serif;margin:0}body{background:linear-gradient(270deg,#1e1e1e 27.88%,#00000080)}button{border:none;background:none;cursor:pointer}button:hover{transform:scale(1.1)}.container{max-width:836px;padding:20px;margin:0 auto;box-sizing:border-box;background:#181818;box-shadow:0 20px 60px #00000080,0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000}.playnow{margin-bottom:87px;box-sizing:border-box;width:540px}.non{color:#fff;text-align:center;font-size:48px;font-style:normal;font-weight:700}.tittle{text-align:center;margin-bottom:30px}h1{color:#fff;text-align:center;font-size:40px;font-style:normal;font-weight:700}.tittle span{display:block;width:64px;height:4px;margin:0 auto;background:#dc2626;border-radius:15%}.Cover_now{max-width:230px;min-height:230px;margin-right:30px;border-radius:12px}h2{color:#fff;font-size:48px;font-style:normal;font-weight:700}h3{color:#b3b3b3;font-size:24px;font-style:normal;font-weight:400;line-height:36px;margin-bottom:10px}.music_now,.controls{display:flex}.play{padding:11px;border-radius:50%;background:#dc2626;box-shadow:0 8px 24px #dc262666,0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000}.time{display:flex;justify-content:space-between;align-items:center;width:524px;margin-top:16px;margin-bottom:8px}.time span{color:#b3b3b3;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.progress{background:#5e5e5e;width:524px;height:8px;border-radius:12px}.music_list{display:flex;flex-direction:column;gap:27px}.track{display:flex;justify-content:space-between;cursor:pointer}h4{color:#fff;font-size:16px;font-style:normal;font-weight:700;margin-top:10px;margin-bottom:13px}h5{color:#b3b3b3;font-size:12px;font-style:normal;font-weight:400}p{color:#fff;font-size:19px;font-style:normal;font-weight:600;margin-bottom:17px}.track_info{display:flex}.mini_cover{max-width:72px;max-height:67px;margin-right:5px}.mini_play{padding:0}