@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap);*{box-sizing:border-box;padding:0;margin:0;max-width:100%}a{text-decoration:none}.registerForm{text-align:center;font-family:"Poppins";display:flex;flex-direction:column;justify-content:center;margin-top:4%}.registerForm label input{margin:1%;padding:1%;width:20%}.registerForm button{width:8%;align-self:center;padding:.3%;border-radius:15px;margin-top:1%;cursor:pointer;outline:none;background-color:#19e68c;border:none;color:#3f3e3e}.registerForm button:hover{background-color:#1dd183}.registerForm button:disabled{cursor:default;background-color:#c7c6c6;color:grey}.registerForm .ctaAct{margin-top:2%}.registerForm select{margin:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 8px),calc(100% - 15px) calc(1em + 8px),calc(100% - 2.5em) .5em}.registerForm select,.registerForm select:focus{background-size:5px 5px,5px 5px,1px 2.5em;background-repeat:no-repeat}.registerForm select:focus{background-image:linear-gradient(45deg,grey 50%,transparent 0),linear-gradient(135deg,transparent 50%,grey 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 15px) 25px,calc(100% - 20px) 25px,calc(100% - 2.5em) .5em;outline:0}.login{text-align:center;font-family:"Poppins";display:flex;flex-direction:column;justify-content:center;margin-top:10%}.login .loginFailed.hide{display:none}.login .loginFailed{color:red;margin-bottom:3%}.login .loginFailed a{color:#3b49c0}.login label p{font-size:.8rem}.login label input{margin:1%;padding:.8% 1%;width:20%}.login button{width:8%;align-self:center;padding:.3%;border-radius:15px;margin-top:1%;cursor:pointer;outline:none;background-color:#19e68c;border:none;color:#3f3e3e}.login button:hover{background-color:#1dd183}.login button:disabled{cursor:default;background-color:#c7c6c6;color:grey}.login .ctaAct{margin-top:2%}.login select{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 8px),calc(100% - 15px) calc(1em + 8px),calc(100% - 2.5em) .5em}.login select,.login select:focus{background-size:5px 5px,5px 5px,1px 2.5em;background-repeat:no-repeat}.login select:focus{background-image:linear-gradient(45deg,grey 50%,transparent 0),linear-gradient(135deg,transparent 50%,grey 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 15px) 25px,calc(100% - 20px) 25px,calc(100% - 2.5em) .5em;outline:0}nav{display:flex;background-color:#19e68c;padding:1.5%;font-family:"Poppins";color:#0c6d4e}nav h1{font-family:"Montserrat";color:#474646;font-size:1.4rem}nav .links{flex-grow:1;display:flex;justify-content:flex-end;align-items:center}nav .links a{margin:0 2%}nav .links a:hover{color:#fff}.dashboard{font-family:"Poppins"}.dashboard .modal.hide{display:none}.dashboard .modal{position:absolute;z-index:100;width:100%;height:90vh;background-color:rgba(0,0,0,.507);display:flex;justify-content:center;align-items:center}.dashboard .modal form{background-color:#fff;width:50%;display:flex;flex-direction:column;text-align:center;align-items:center;border-radius:15px;position:relative}.dashboard .modal form .closeModal{color:#a00101;font-size:2rem;position:absolute;right:3%;top:3%;cursor:pointer}.dashboard .modal form .closeModal:hover{color:red}.dashboard .modal form h2{margin:3%}.dashboard .modal form input{margin:1%;padding:3%;width:50%}.dashboard .modal form button{width:15%;align-self:center;padding:.3%;border-radius:15px;margin:5% 0;cursor:pointer;outline:none}.dashboard .container{display:flex;justify-content:space-between;padding:0 10%}.dashboard .container .formContainer{width:45%;align-self:center}.dashboard .container .formContainer form{display:flex;flex-direction:column;text-align:center;align-items:center}.dashboard .container .formContainer form input{margin:1%;padding:3%;width:50%}.dashboard .container .formContainer form button{width:20%;align-self:center;padding:.9%;border-radius:15px;margin-top:5%;cursor:pointer;outline:none;background-color:#19e68c;border:none;color:#3f3e3e}.dashboard .container .formContainer form button:hover{background-color:#1dd183}.dashboard .container .formContainer form h2{margin-bottom:3%;display:flex;justify-content:center;width:50%}.dashboard .container .formContainer form h2 .plus{color:#19e68c;font-size:1.2rem;align-self:center;margin-right:3%}.dashboard .container .songContainer{width:45%;height:80vh;overflow-y:scroll;margin:3% 0;border:2px solid #000}.dashboard .container .songContainer .spinnerContainer{display:flex;justify-content:center;align-items:center;height:100%}.dashboard .container .songContainer .dashCard{display:flex;align-items:center;border-bottom:1px solid #000}.dashboard .container .songContainer .dashCard .albumArt{width:50px;height:50px;background:linear-gradient(#171717,#706f6f)}.dashboard .container .songContainer .dashCard .songInfo{flex-grow:1;padding-left:5%}.dashboard .container .songContainer .dashCard .songInfo h5{font-size:.8rem;color:grey}.dashboard .container .songContainer .dashCard .iconContainer{margin-right:3%}.dashboard .container .songContainer .dashCard .iconContainer .fa-times-circle{color:#a00101;cursor:pointer}.dashboard .container .songContainer .dashCard .iconContainer .fa-times-circle:hover{color:red}.dashboard .container .songContainer .dashCard .editIconContainer{margin-right:1%;cursor:pointer}.dashboard .container .songContainer .dashCard .editIconContainer:hover{color:#19e68c}.dashNavContainer{background-color:#363636;color:#fff;padding:.3% 2%;position:-webkit-sticky;position:sticky;top:.1px}.dashNavContainer a{font-family:"Poppins";margin:0 1%}.dashNavContainer a:hover{color:#19e68c}.search{text-align:center;font-family:"Poppins";display:flex;flex-direction:column;justify-content:center;margin-top:13%}.search label input{margin:1%;padding:1%;width:20%}.search h1{display:flex;justify-content:center}.search h1 .searchIco{font-size:1.2rem;align-self:center;margin-left:5px}.search button{width:8%;align-self:center;padding:.3%;border-radius:15px;margin:1% 0 2%;cursor:pointer;outline:none;background-color:#19e68c;border:none;color:#3f3e3e}.search button:hover{background-color:#1dd183}.search button:disabled{cursor:default}.search .ctaAct{margin-top:2%}.search pre{overflow-x:scroll;position:absolute;bottom:1px;padding:2%}.search select{margin:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 8px),calc(100% - 15px) calc(1em + 8px),calc(100% - 2.5em) .5em}.search select,.search select:focus{background-size:5px 5px,5px 5px,1px 2.5em;background-repeat:no-repeat}.search select:focus{background-image:linear-gradient(45deg,grey 50%,transparent 0),linear-gradient(135deg,transparent 50%,grey 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 15px) 25px,calc(100% - 20px) 25px,calc(100% - 2.5em) .5em;outline:0}.searchButton{color:#000;background-color:#f5f5f5;width:10%;height:2rem;margin:auto}.listContainer{display:flex;justify-content:space-between;flex-wrap:wrap;padding:5%;font-family:"Poppins"}.listContainer .spinnerContainer{margin:15% auto}.listContainer .card{margin:1%;color:#fff;background-color:#252525;text-align:center}.listContainer .card .albumPlaceholder{width:300px;height:300px;background:linear-gradient(#171717,#706f6f)}.listContainer .card h3{font-size:1rem;padding-top:2%}.listContainer .card h4{font-size:.8rem;color:#9b9999;padding-bottom:2%}
/*# sourceMappingURL=main.2fe95c39.chunk.css.map */