*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:fantasy;background-image:url(../img/daniel-buckle-GE5OTnESaXU-unsplash.4f6868f2.jpg);background-repeat:no-repeat;height:108rem;background-size:cover;background-position:50%;background-attachment:fixed}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;background-color:#000;color:#fff}main{width:100%;max-width:768px;margin:0 auto;padding:25px}.music-titre{color:grey;font-size:32px;font-weight:700;text-transform:uppercase;text-align:center}.music-titre span{font-weight:400;font-style:italic}.controle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;cursor:pointer}button:hover{opacity:.8}.play{font-size:20px;padding:15px 25px;border-radius:8px;background-color:#191970}.next,.play,.prev{font-weight:700;margin:0 15px;color:#fff}.next,.prev{font-size:16px;padding:15px 20px;border-radius:6px;background-color:#b22222}.playlist h3{color:#000;font-size:28px;font-weight:400;margin-bottom:30px;text-align:center}.playlist .song{display:block;width:100%;padding:15px;font-size:20px;font-weight:700;cursor:pointer}.playlist .song:hover{color:wheat,}.playlist .song.playing{color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(red),to(#000));background-image:linear-gradient(90deg,red,#000)}