*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif}header{display:flex;justify-content:center;align-items:center;padding:15px;background-color:#212121;color:#ffa}main{width:100%;max-width:2330px;margin:0 auto;padding:20px;background-image:url(../img/image.dc8d10a8.jpg);background-size:auto 100%;background-position:-170px 0;text-align:center}main:after{opacity:.1}.song-title{color:#fff;font-size:32px;font-weight:700;text-transform:uppercase;text-align:center}.song-title span{font-weight:400;font-style:italic}.controls{display:flex;justify-content:center;align-items:center;padding:30px 15px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;cursor:pointer}button:hover{opacity:.8}.pause,.play{font-size:20px;padding:15px 25px;border-radius:8px;background-color:#cc2e5d}.next,.pause,.play,.prev{font-weight:700;margin:0 15px;color:#fff}.next,.prev{font-size:16px;padding:10px 20px;border-radius:6px;background-color:#ff5858}.playlist{padding:0 30px}.playlist h3{color:#ffa;font-size:28px;font-weight:400;margin-top:10px;margin-bottom:30px;text-align:center}.playlist .song{display:block;width:100%;padding:15px;font-size:20px;font-weight:700;cursor:pointer;color:#ffe}.playlist .song:hover{color:#ff5858}.playlist .song.playing{color:#fff;background-image:linear-gradient(90deg,#cc2e5d,#ff5858)}.author{text-align:center;opacity:.7}