body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*,.App{box-sizing:border-box}.App{margin:0;padding:0;text-align:center;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;justify-content:center;color:#fff}.App,body{background-color:#191414}button:active,button:focus{outline:none}.nav{justify-content:center;background-color:#191414}#navContainer,.nav{display:flex;height:100px;width:100%}#navContainer{justify-content:space-between;align-items:center;padding:2rem}.nav #logo{height:60px;width:185px}#dashboard{width:100%;display:flex;justify-content:center;flex-direction:column;height:100vh}#dashboardContent{display:flex;height:90vh}#searchSection{width:33.33%}#searchBar{align-items:center;height:100px;background-color:#1db954}#searchBar,#searchBar form{display:flex;justify-content:center;width:100%}#searchBar form{align-self:center}#query{width:80%;text-align:center;font-size:1.2rem;padding:.75rem 1rem;border-radius:50px}#query,#query:active,#query:focus,#query:hover{background-color:#191414;border:none;color:#1db954}#query:active,#query:focus,#query:hover{outline:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:-webkit-autofill{-webkit-text-fill-color:#1db954!important}.svg-icon{margin-right:.5rem;width:30px;fill:#191414}.render-songs-cnt{display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%;padding-bottom:100px}.song{justify-content:space-between;border-bottom:1px solid #000;cursor:pointer}.song,.songInfo{display:flex;width:100%;height:125px}.songInfo{align-items:center;margin:0 1rem;overflow-y:scroll;overflow-x:hidden}.song img{width:125px;border:1px solid #000}.song .songInfo h4,.song .songInfo p{width:33.33%}#likeSomeSongs,#searchForASong{font-size:1.25rem;padding:2rem 1rem}.likes{height:100%;width:33.33%;overflow-y:scroll;overflow-x:hidden;border-left:5px solid #1db954}.like{display:flex;height:125px;width:100%;border-bottom:1px solid #000;cursor:pointer}.like img{width:125px;border:1px solid #000}.suggestions{width:33.33%;overflow-y:scroll;overflow-x:hidden;height:100%;border-left:5px solid #1db954}.suggestion{height:125px;width:100%;display:flex;border-bottom:1px solid #000}.suggestion img{width:125px;border:1px solid #000}#getSuggestionsBTN{position:absolute;padding:.5rem 1rem;border-radius:50px;z-index:100;transform:translate(-80px,15px);border:1px solid #1db954;background-color:#191414;color:#1db954;font-size:1.1rem;cursor:pointer}#getSuggestionsBTN:hover{transition:.6s ease-out;background-color:#1db954;border:1px solid #191414;color:#191414}#favoritesTitle,#suggestionsTitle{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;position:fixed;width:33.33%;background-color:#1db954}#favoritesTitle h2,#suggestionsTitle h2{font-size:1.75rem;color:#000;align-self:center;justify-content:center}.likeInfo{display:flex;align-items:center;justify-content:center;width:100%;margin:0 1rem}.likeInfo h4,.likeInfo p{width:33.33%}.imported-likes-ax,.suggestions-render-ax{padding-top:100px;padding-bottom:200px;height:100%}.suggestionInfo{display:flex;align-items:center;justify-content:space-around;width:100%;margin:0 1rem}.likeIsuggestionInfonfo p,.suggestionInfo h3{width:50%}.likeBTN{transition:.6s ease-out;width:0;padding:0;margin:0;background-color:#1db954}.likeBTN,.song:hover .likeBTN{display:inline-block;overflow:hidden;border:none}.song:hover .likeBTN{width:10%}.like:hover,.song:hover,.suggestion:hover{transition:.5s ease-out;box-shadow:0 0 8px #1db954}.removeLike{transition:.6s ease-out;width:0;padding:0;margin:0;background-color:#dc143c;font-size:1.25rem}.like:hover .removeLike,.removeLike{display:inline-block;overflow:hidden;border:none}.like:hover .removeLike{width:10%}.user-card:hover .profile{transition:.6s ease-out;color:#fff;fill:#fff}.signin-div,.user-card-d{background-color:#1db954;width:35%;height:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;border-radius:50px;color:#000}.signin-div form,.user-card-d form{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;width:100%}.signin-div input,.user-card-d input{width:60%;margin:0 auto;padding:.5rem 1rem;text-align:center;border-radius:50px;font-size:1.1rem;border:none;color:#fff;background-color:#191414}.signin-div input:active,.signin-div input:focus,.user-card-d input:active,.user-card-d input:focus{outline:none}.account-logout-btn,.back-to-dashboard,.delete-account-btn,.login,.signup,.user-card-d button{color:#fff;background-color:#191414;border:none;border-radius:50px;padding:.5rem 1rem;font-size:1rem;display:inline-block;width:200px;margin:.25rem;text-decoration:none;font-weight:100}.signup:disabled{background-color:grey}.account-logout-btn:hover,.back-to-dashboard:hover,.delete-account-btn:hover,.user-card-d button:hover{background-color:#000;transition:.7s ease-out;cursor:pointer}.signin-div form>*,.user-card-d form>*{margin:.25rem}#userProfileContainer{padding:2rem}.signin-div h2,.user-card-d h2{font-size:2.5rem;margin:2rem 0}#usercardBackground{width:100%;height:100vh;overflow:hidden;flex-direction:column}#usercardBackground,#userSuccessAlert{display:flex;justify-content:center;align-items:center}#userSuccessAlert{transition:.6s ease-out;position:absolute;top:0;height:0;width:500px;background-color:#1db954;border:none;border-radius:0 0 50px 50px;text-align:center;color:#000;padding:0 2rem}.loader{margin-top:25vh}.songLink{text-decoration:none;color:#fff;border:none;padding:none;margin:none;outline:none}
/*# sourceMappingURL=main.1858541e.chunk.css.map */