body{background:#cb2d3e;background:linear-gradient(90deg,#ef473a,#cb2d3e)}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#fafafa}header{flex-direction:row;padding:1vw;height:10vh}header,header h1{display:flex;justify-content:center}header h1{flex-direction:column}#prev img{transform:rotate(180deg)}@media screen and (max-width:799px){header{border-bottom:1px solid rgba(0,0,0,.25)}main{display:flex;flex-direction:column-reverse;height:90vh}.current-song-container{height:20vh}#inner-container-curr-song{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.title-controls{display:flex;flex-direction:column;justify-content:flex-start;height:75%;width:70vw}.main-thumbnail{height:15vh;width:15vh;background-color:#fff;border-radius:5px;-o-object-fit:cover;object-fit:cover}.title-artist{height:10vh;margin-left:10px}.title-artist h2{font-size:150%}.title-artist h3{font-size:90%}.controls{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:5vh}.controls img{height:10vw;width:10vw;cursor:pointer}.playlist-container{height:70vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(0,0,0,.25)}.list-container{height:100%;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer}#inner-container-playlist{height:100%}.list-container div{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;height:inherit;background-color:transparent;border-radius:5px;padding:5px;transition:.2s ease}.list-container div:hover{background-color:rgba(0,0,0,.25)}.mini-thumbnail{height:15vw;width:15vw;margin-right:1vw;background-color:#fff;border-radius:3px;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:800px){main{display:flex;height:90vh;flex-direction:row}.current-song-container{flex:1;display:flex;flex-direction:column;justify-content:center}.inner-container{height:75%;display:flex;flex-direction:column;justify-content:space-between}.main-thumbnail{height:30vw;width:30vw;background-color:#fff;border-radius:5px;-o-object-fit:cover;object-fit:cover}.controls,.main-thumbnail{margin-left:auto;margin-right:auto}.controls{display:flex;flex-direction:row;justify-content:space-around;width:40%}.controls img{height:5vw;width:5vw;cursor:pointer}.playlist-container{flex:1;display:flex;flex-direction:column;justify-content:center}.list-container{height:100%;flex-direction:column;cursor:pointer}.list-container,.list-container div{display:flex;justify-content:flex-start}.list-container div{flex-direction:row;align-items:center;text-align:left;height:inherit;width:95%;font-size:1.25vw;background-color:transparent;border-radius:5px;padding:5px;transition:.2s ease}.list-container div:hover{background-color:rgba(0,0,0,.25)}.mini-thumbnail{height:5vw;width:5vw;margin-right:1vw;background-color:#fff;border-radius:3px;-o-object-fit:cover;object-fit:cover}div h2,h3{display:flex;flex-direction:row;justify-content:center}}