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}.App{margin:0;padding:0;box-sizing:border-box;text-align:center}body{background-color:#0c0a04}.header-container{height:15vh;background-color:#1db954}.search-container{height:25vh}.userData-container{height:60vh;background-color:#1db954}.data-split-container{display:flex;justify-content:space-evenly;height:45vh}.song-list-container{margin:2%;padding:4%;width:45%;background-color:#fff;border:1px solid #d2d2d2;border-radius:6px;box-shadow:0 1px 6px -2px #807f7f}.mood-filters-container{background-color:#191414;height:15vh;display:flex;justify-content:space-evenly}.mood-filter{margin:2%;width:15%;background-color:#fff;border:1px solid #d2d2d2;border-radius:6px;box-shadow:0 1px 6px -2px #807f7f}#logo{height:60px;width:185px;right:0;left:10%;bottom:0}#logo,.svg-icon{position:absolute;top:60px}.svg-icon{left:30%;height:30px;width:30px;fill:#fff}#query{position:absolute;width:470px;border-radius:2px;border:none;top:2.6%;left:33%}#query:focus{border:#fff}.user-card{position:absolute;left:85%;top:5%}.likes-container{position:absolute;top:65%;left:10%;background-color:#191414;width:30%}.rendered-songs,.suggestions-container{margin:1% auto;height:30vh;width:80%;background-color:#fff}.likes-container h2{color:#fff}#like-header-grn{color:#1db954}.user-card-d{position:absolute;width:444px;height:624px;left:35%;top:10%;background:#191414;border-radius:5px 5px 5px 5px}#username-input{position:absolute;top:40%;right:18.77%;background:#fff;border-radius:5px;height:30px;border:none;width:280px}.username-label{position:absolute;right:66%;top:35%;color:#fff}.account-update-btn{top:70%;background:#1db954;color:#fff}.account-logout-btn,.account-update-btn{position:absolute;right:18%;width:280px;height:32px;border-radius:5px;border:none}.account-logout-btn{top:90%;background:#fff;color:#000}.user-card-d h2{top:22%;right:35.2%}.user-card-d a,.user-card-d h2{position:absolute;color:#1db954}.user-card-d a{top:60%;right:46%;text-decoration:none}.user-card-d img{border:1px solid #fff;height:120px;width:120px;position:absolute;top:3%;left:35.5%;border-radius:30px}.suggestions-container{position:absolute;top:65%;left:60%;background-color:#191414;width:30%;color:#fff;height:350px}.suggestions-container img{height:50px;width:50px}.suggestions-container h2{color:#fff}.suggestions-header-grn{color:#1db954}.suggestion::-webkit-scrollbar{display:none}.suggestion{color:#fff;-ms-overflow-style:none;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}#dropdown{position:absolute;top:7%;width:200px;left:33%}.signin-div{color:#fff;padding:10%;margin:8% 15%}h2{font-size:3rem}input{margin:1% 0}.signup,input{padding:1.5% 3%}.signup{background-color:#1cb853;border-radius:500px;color:#fff;font-size:1rem}.signup:hover{background-color:#1ed760}.login:hover,.signup:hover{cursor:pointer}.rendered-songs,.suggestions-container{height:35vh;margin:0 auto;overflow:auto;display:flex;flex-wrap:wrap;justify-content:space-evenly}.song::-webkit-scrollbar{display:none}.song{color:#000;-ms-overflow-style:none;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.song img{height:60px;width:60px}.render-songs-cnt{width:100%}.delete-account-btn{position:absolute;top:82%;width:280px;height:32px;right:18%;background:red;border-radius:5px;border:none;color:#fff}.like{color:#fff}.like img{height:60px;width:60px}
/*# sourceMappingURL=main.9641c225.chunk.css.map */