code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:sans-serif;margin:0;padding:0}#root,body,html{background-color:rgba(1,12,63,.7);background-image:url(/static/media/background.88be3dc2bf682df6c38a.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;z-index:0}.App{display:flex;flex-direction:column;min-height:100vh}html{font-size:18px}h1{-webkit-margin-before:.2rem;background-color:rgba(1,12,63,.85);color:#fff;font-family:Source Code Pro,sans-serif;font-size:1.88rem;margin-block-start:.2rem;padding:.77rem 0;text-align:center}h2{-webkit-margin-after:0;-webkit-margin-before:0;font-size:1.55rem;margin-block-end:0;margin-block-start:0}.Main,h2{font-family:Source Code Pro,sans-serif;font-weight:500}.Main{color:#fff;flex:1 1;text-align:center;z-index:3}.App-body{flex:1 1;margin-top:2%;min-height:80vh;width:100%}.App-body,.App-list{display:flex;justify-content:space-evenly}.App-list,.Bottom{width:50%}.Bottom{display:flex;justify-content:space-evenly}.logout button{background-color:#4e96b3;border:0;border-radius:54px;color:#fff;cursor:pointer;font-family:Source Code Pro;font-size:.833rem;font-weight:600;padding:.77rem 0;text-align:center;transition:background-color .25s;width:8.11rem}.logout button:hover{background-color:rgba(18,79,129,.7)}.matrix{background-color:#4e96b3;border:0;border-radius:54px;color:#f80;color:#fff;font-family:Source Code Pro;font-size:.8rem;font-size:.833rem;font-weight:600;margin-bottom:10px;text-align:center;transition:background-color .25s}.matrix:hover{background-color:rgba(18,79,129,.7)}.Player{padding-top:3rem}@media (max-width:1190px){.App-body,.App-list,.Bottom{align-items:center;flex-direction:column;width:100%}.App-list,.Bottom{justify-content:center}.logout{order:2}.Player,.logout{margin-top:1rem;text-align:center;width:100%}.Player{order:1;padding-top:1rem}}@media screen and (max-width:764px){.matrix{display:none}}.SearchBar{align-items:center;display:inline-flex;justify-content:space-around;width:100%}.SearchBar input{background:transparent;border:0;border-bottom:1px solid #f80;color:#fff;font-family:Source Code Pro,sans-serif;font-size:1.55rem;outline:0;padding:15px;width:75%}.SearchBar input:focus{background:transparent;outline:none}.SearchBar input::-webkit-input-placeholder{color:#fff;opacity:.5}.SearchBar input::placeholder{color:#fff;opacity:.5}.SearchBar input:-webkit-autofill,.SearchBar input:-webkit-autofill:active,.SearchBar input:-webkit-autofill:focus,.SearchBar input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background:transparent!important;-webkit-box-shadow:inset 0 0 0 1000px transparent!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.SearchButton{background-color:#4e96b3;border:0;border-radius:54px;color:#fff;cursor:pointer;font-family:Source Code Pro;font-size:.833rem;font-weight:600;padding:.77rem 0;text-align:center;transition:background-color .25s;width:8.11rem}.SearchButton:hover{background-color:rgba(18,79,129,.7)}.Track-button{background-color:transparent;border:none;color:#f80;cursor:pointer;font-size:1.5rem;font-weight:1000;margin:.5rem;padding:.25rem .5rem;transition:color .25s}.Track{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.8);display:flex;padding-top:10px}.Track-button:hover{color:hsla(0,0%,100%,.5)}.Track-info{display:flex;flex-direction:column;flex-grow:1;flex-shrink:2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;overflow-y:visible}.Track-info h3{margin-bottom:.1rem}.Track-info p{color:hsla(0,0%,100%,.8);font-size:.83rem;font-weight:300}.rhap_container{background-color:initial;box-shadow:none;outline:none;padding:0}.rhap_container,.rhap_main-controls{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rhap_container svg{color:#fff}.rhap_progress-section,.rhap_time{display:none}.rhap_play-pause-button{font-size:30px;height:30px;width:30px}.TrackList{width:100%}.SearchResults{background-color:rgba(1,12,63,.8);border-radius:5px;box-shadow:0 4px 2px 2px #000;height:650px;overflow-y:scroll;padding:1rem;width:40%}@media (max-width:1190px){.SearchResults{width:75%}}.Playlist{background-color:rgba(1,12,63,.8);border-radius:5px;box-shadow:0 4px 2px 2px #000;display:flex;flex-direction:column;height:650px;overflow-y:scroll;padding:1rem;width:45%}.Playlist-information{align-items:center;display:flex;justify-content:space-between}.Playlist-tracks{align-items:center}.Playlist input{background:transparent;border:0;border-bottom:1px solid #f80;color:#fff;font-family:Source Code Pro,sans-serif;font-size:1.55rem;font-weight:500;outline:0;padding:15px;width:65%}.Playlist-save{align-self:center;border-radius:54px;border-width:0;color:#fdfdfd;font-family:Source Code Pro,sans-serif;font-size:1rem;font-weight:1000;margin:3rem 0;padding:.5rem;text-align:center;width:12rem}.Playlist-save,.clear{background-color:#4e96b3;cursor:pointer;transition:background-color .25s}.clear{align-items:center;border-radius:50%;color:#fff;display:flex;height:2.5rem;justify-content:center;width:4rem}.clear:hover{background-color:rgba(18,79,129,.7)}.Playlist-save:hover{background-color:#f80}@media (max-width:1190px){.Playlist{margin-top:1rem;width:75%}}.Playlist-list-item:hover{cursor:pointer}.Playlist-list{align-items:center;background-color:rgba(1,12,63,.8);border-radius:5px;box-shadow:0 4px 2px 2px #000;display:flex;flex-direction:column;height:650px;overflow-y:scroll;padding:1rem;text-align:start;width:40%}.title{border-bottom:1px solid #f80;font-weight:500;padding:15px;text-transform:capitalize;width:100%}.Get-playlists{background-color:#4e96b3;border:0;border-radius:54px;color:#fff;cursor:pointer;font-family:Source Code Pro;font-size:1rem;font-weight:600;margin:3rem 0;padding:.5rem;text-align:center;transition:background-color .25s;width:14rem}.Get-playlists:hover{background-color:rgba(18,79,129,.7)}@media (max-width:1190px){.Playlist-list{margin-top:1rem;width:75%}}.matrix-background{height:200vh;left:0;overflow:visible;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.on{display:block}.off{display:none}@media screen and (max-width:764px){.matrix-background{display:none}}.Others-list{align-items:center;background-color:rgba(1,12,63,.8);border-radius:5px;box-shadow:0 4px 2px 2px #000;display:flex;flex-direction:column;height:650px;overflow-y:scroll;padding:1rem;width:45%}.Others-list input{background:transparent;border:0;border-bottom:1px solid #f80;color:#fff;font-family:Source Code Pro,sans-serif;font-size:1.55rem;font-weight:500;outline:0;padding:15px;text-align:start;width:100%}::-webkit-scrollbar{background:transparent;width:0}@media (max-width:1190px){.Others-list{margin-top:1rem;width:75%}}
/*# sourceMappingURL=main.eb996198.css.map*/