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}#root{height:100vh;min-height:600px;width:100vw}*{margin:0}.App{height:100%;width:100%}.audio{color:#fff;justify-content:space-between}.login{background-color:#000;display:grid;font-family:Arial,Helvetica,sans-serif;height:100vh;place-items:center}#spotify-logo{max-width:600px;width:80%}#login-button{background-color:#1db954;border:none;border-radius:90px;color:#fff;font-size:1.2em;font-weight:400;padding:15px 25px;text-decoration:none}.Nav{background-color:#000;color:#b6b6b6;font-family:Arial;height:100%;max-width:250px;min-width:12.5%;overflow:hidden}#nav-logo{display:block;margin-left:5px;margin-right:auto;max-height:20%;padding:25px;width:60%}.Fcards{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;padding-left:30px;transition:color .2s ease-in;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-ms-transition:color .2s ease-in;-o-transition:color .2s ease-in;width:100%}.Fcards>h1{font-size:1em;margin-left:10px;padding:15px}.Fcards:hover,.p-card:hover{color:#fff}.is_selected{background-color:#8a8a8a42}#side-features-1{height:max-content}#side-features-2{margin-top:20px}.playlist{border-top:1px solid rgba(77,77,77,.548);height:55vh;margin-left:5px;overflow-y:scroll;padding-top:20px}.p-card{cursor:pointer;font-size:1em;font-weight:lighter;margin-top:2px;padding:8px 8px 8px 30px;transition:color .2s ease-in}.playlist::-webkit-scrollbar-track{background-color:#000;box-shadow:inset 0 0 6px #0000004d;-webkit-box-shadow:inset 0 0 6px #0000004d}.playlist::-webkit-scrollbar{background-color:#f5f5f5;width:10px}.playlist::-webkit-scrollbar-thumb{background-color:#414141;border:2px solid #555;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.content{background:linear-gradient(#0000,#a38e9b);height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}.playlist-img{display:inline;height:max-content;margin-left:20px;margin-top:auto;min-width:200px;width:15vw}.playlist-header{color:#fff;display:flex;flex-direction:row;height:35%;width:100%}.header-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:20px;margin-top:auto}.header-text>h3{font-size:2em}.header-text>h1{font-size:6vw}.user-details{align-items:center;display:flex;margin-left:auto;margin-right:40px;margin-top:10px;width:max-content}.profile-pic{display:inline;max-width:40px}.user-name-text{color:#fff;display:inline;font-size:1.2em;margin-left:20px}.playlist-controls{align-items:center;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:2px;width:95%}.custom-box{display:flex;flex-direction:row;width:max-content}.playlist-controls-icon>*{margin-right:20px}.playlist-controls-icon{align-items:center;display:flex}.playlist{background-color:rgba(0,0,0,.507);margin-left:0;margin-top:20px}.track-pic{margin-left:20px;margin-right:30px;width:50px}.track-audio{align-items:center;color:#fff;display:flex;float:left;justify-content:flex-start;margin-left:50px;margin-top:20px;width:95%}.track-data>h1{font-size:1.1em}.track-data>h2{color:#d1d1d1;font-size:.8em}.audio{background-color:#181818;border-top:.5px solid #3f3e3e;height:10%;justify-content:stretch;width:100%}.audio,.track{align-items:center;display:flex}.track{justify-content:space-around;margin-left:auto;margin-right:auto;max-width:300px;width:30%}.like-button{margin-left:20px}.like-button>:hover,.media_info,.side-options,.track{cursor:pointer}.media_info,.side-options>*,.track{margin-right:2px}.media_info{align-items:center;display:flex;justify-content:space-between;margin-left:10px;width:max-content}.album-img{margin-right:20px;max-height:70px}.side-options{align-items:center;display:flex;justify-content:space-around;margin-left:auto;margin-right:10px;width:10%}.track-name{font-size:1.2rem;font-weight:600}.artist{color:#bbb;font-size:.8rem;font-weight:400}.player{background-color:#000;background-color:#2c2c2c;height:100%;overflow:hidden;width:100%}#info-area{display:flex;height:90%;width:100%}
/*# sourceMappingURL=main.f3e71c43.css.map*/