body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:left}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:10vh;padding:5vh}.App-link{color:#61dafb}.loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Login-button{align-content:center;background-color:#12cc11;border-radius:40px;color:#fff;cursor:pointer;font-size:medium;height:10vh;margin:5vh;text-align:center;width:20vh}.Login-button-link{color:#fff;text-decoration:none}.Login-button-link:hover{color:gray;text-decoration:none}.Login-button-link:visited{color:#fff;text-decoration:none}.Playlist-body{background:#8ab3db;background:linear-gradient(8deg,#8ab3db,#be98d9 49%,#a048f7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#8AB3DB",endColorstr="#A048F7",GradientType=0);list-style-type:"none";max-height:100vh;overflow-y:scroll;overflow-y:"scroll"}.Playlist-list{display:grid;grid-template-columns:auto auto auto;list-style-type:none;margin:1vh;padding:1vh;width:100vh}.Playlist-item{margin:2vh}.Playlist-link{color:#fff;cursor:pointer;text-decoration:none}.Spotify-link{background-color:#163;border-radius:12px;color:#f5f5f5;padding:1vh;text-decoration:none}.Playlist-nav-button-clickable{color:#fff;cursor:pointer}.Playlist-nav-button-unclickable{color:gray;cursor:default}.Track{background:#b595db;background:linear-gradient(130deg,#b595db,#7878eb 53%,#4a7aff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#B595DB",endColorstr="#4A7AFF",GradientType=0)}.SelectedPlaylist{list-style-type:none;margin:1vh;padding:1vh}.Edit-button{background-color:#7878eb}.Edit-button,.Edit-button:hover{align-items:center;border-radius:20%;cursor:pointer;display:flex;height:2vh;margin:1%;padding:2%;-webkit-user-select:none;user-select:none;width:fit-content}.Edit-button:hover{background-color:#78a0eb}.Back-button{background-color:#b595db}.Back-button,.Back-button:hover{border-radius:20px;color:#000;cursor:pointer;height:2vh;margin:1%;padding:2%;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;width:8vh}.Back-button:hover{background-color:#5c8eb7}
/*# sourceMappingURL=main.fcd4dd38.css.map*/