@import url(https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300..700&display=swap);*{box-sizing:border-box;font-family:Signika Negative,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;padding:0;transition:.3s}:root{--ERROR-COLOR:#e23a3a;--SUCCESS-COLOR:#14ee14;--APP-TEXT-COLOR:#f1f17d;--BACKGROUND-COLOR:#f5f54fa8;--BACKGROUND-HOVER-COLOR:#e1ff00c4;--TEXT-COLOR:#aa9c9c;--TEXT-HOVER-COLOR:#f0efacc4;--HEADLINE-COLOR:#5c5a5a;--HEADLINE-FONT-WEIGHT:900;--HEADLINE-FONT-SIZE:40px;--HEADLINE1-COLOR:#7b7b7b;--HEADLINE1-FONT-WEIGHT:700;--HEADLINE1-FONT-SIZE:35px;--HEADLINE2-COLOR:#8a8686;--HEADLINE2-FONT-WEIGHT:550;--HEADLINE2-FONT-SIZE:25px;padding:10px}.container{margin-top:50px;text-align:center}.headline1{color:#5c5a5a;color:var(--HEADLINE-COLOR);font-size:40px;font-size:var(--HEADLINE-FONT-SIZE);font-weight:900;font-weight:var(--HEADLINE-FONT-WEIGHT);padding:10px}.headline2{color:#7b7b7b;color:var(--HEADLINE1-COLOR);font-size:35px;font-size:var(--HEADLINE1-FONT-SIZE);font-weight:700;font-weight:var(--HEADLINE1-FONT-WEIGHT);padding:10px}.headline3{color:#8a8686;color:var(--HEADLINE2-COLOR);font-size:25px;font-size:var(--HEADLINE2-FONT-SIZE);font-weight:550;font-weight:var(--HEADLINE2-FONT-WEIGHT);padding:10px}.title{font-size:24px;font-weight:700;margin-bottom:20px}.form-group{margin-bottom:10px}.label{color:gray;display:block;font-size:27px;margin-bottom:5px}.error{color:#e23a3a;color:var(--ERROR-COLOR)}.error,.success{margin-top:10px;text-align:center}.success{color:#14ee14;color:var(--SUCCESS-COLOR)}.inside-container{display:inline-block}.profile-container{background:#eeaeca;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%)}.formparant{display:flex;height:80vh;justify-content:center;width:auto}.form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff21;box-shadow:0 0 40px #08071099;display:flex;flex-direction:column;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;margin:0;padding:50px 35px;width:-moz-fit-content;width:fit-content}.div,.form{width:-webkit-fit-content}.div{height:2.5cm;margin:20px;padding:11px;width:-moz-fit-content;width:fit-content}.place{place-content:end}.input{background-color:#b0aaed5e;border:none;border-radius:12px;color:#7e7474;font-size:20px;height:50px;margin:5px;padding:5px;width:-webkit-max-content;width:max-content}.input:active,.input:focus{background-color:#a9a9a970;border:1px}.button-div{display:flex;justify-content:center}.button{background-image:linear-gradient(90deg,#ff6e7f 0,#bfe9ff 51%,#ff6e7f);background-size:200% auto;border:none;border-radius:12px;box-shadow:0 0 20px #eee;display:block;font-size:100%;margin:15px;padding:10px 20px;text-align:center;text-transform:uppercase;transition:.5s}.button,.button:hover{color:#fff;cursor:pointer}.button:hover{background-position:100%;text-decoration:none}.btn-type1{background-color:#007bff;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px}.btn-type1:active,.btn-type1:hover{background-color:#0056b3}.btn-type1:focus{outline:none}.btn-type2{background-color:#3f96f3;border:none;border-radius:7px;color:#aa9c9c;color:var(--TEXT-COLOR);cursor:pointer;display:inline-grid;font-size:large;justify-content:space-around;margin:10px;padding:10px 20px}.btn-type2:hover{background-color:#2788ef}.btn-type2:active{background-color:#2686ec}.btn-type2:focus{outline:none}.btn-type3{border:none;border-radius:7px;color:#aa9c9c;color:var(--TEXT-COLOR);cursor:pointer;display:inline;font-size:2.4rem;padding:10px 20px}.btn-type3:active,.btn-type3:hover{background-color:#f0efacc4;background-color:var(--TEXT-HOVER-COLOR)}.btn-type4{background:none;border:none;border-radius:7px;bottom:161px;color:#e5e5cf;margin:10px 10px 20px;padding:10px 20px;position:relative;text-align:center}.btn-type4:hover{background-color:#9ea189d9}.btn-type5{background:#0000;border:none;border-radius:7px;bottom:95px;color:#808080ab;cursor:pointer;display:inline;font-size:1.8rem;padding:5px 15px;position:relative;right:75px}.btn-type5:hover{background-color:#ff000059;color:#e9d9d9}.btn-type6{border:none;border-radius:7px;color:#aa9c9c;color:var(--TEXT-COLOR);cursor:pointer;font-size:1.4rem}.btn-type6:hover{background-color:#edacac}.btn-type7{border:"none";border-radius:"7px";color:"gray";cursor:"pointer";display:"inline";font-size:"1.4rem";margin:"7px";padding:"0px 10px"}.btn-type7:hover{background-color:#edacac}.btn-type7:focus{outline:none}.btn-type8{border:none;border-radius:7px;color:#aa9c9c;color:var(--TEXT-COLOR);cursor:pointer;display:flex;font-size:100%;margin:10px;padding:10px}.btn-type8:hover{background-color:#1c1c08;color:#ff0}.btn-type8:active{background-color:#181817;color:#ff0}.btn-type8:focus{outline:none}.btn-type9{background-color:initial;border:none;border-radius:7px;color:#514f4ff0;cursor:pointer;display:flex;font-size:15px;margin:4rem;padding:10px 20px}.btn-type9:active,.btn-type9:hover{background-color:#e1ff00c4;color:#fff}.btn-type9:focus{outline:none}.btn-type10{background-color:#007bff;border:none;border-radius:7px;color:#faebd7;cursor:pointer;font-size:100%;padding:10px 20px}.btn-type10:active,.btn-type10:hover{background-color:#0d33f2;color:#e9e97f}.btn-type10:focus{outline:none}img{border-radius:50%;box-shadow:0 0 5px #00000080;height:150px;margin:10px;object-fit:cover;width:150px}.navbar{background-color:#f2f2f2;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;text-align:center}.navhead{align-items:flex-end;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);border:none;border-radius:12px;display:flex;justify-content:space-between;margin:7px;padding:7px}.Appname{background-size:200% auto;border-radius:13px;color:#fff;font-size:80px;font-weight:700;padding:5px;text-shadow:0 0 19px #e8d;transition:.5s}.Appname:hover{color:#ffc5cc;cursor:pointer;text-decoration:none}.nav-link1{display:flex}.nav-link2{display:none}.footbar{align-items:flex-end;background:#eeaeca;background:radial-gradient(circle,#94bbe9 0,#eeaeca 100%);border:none;border-radius:12px;display:flex;justify-content:space-between;margin:7px;padding:7px}.container-dashboard{align-content:center;display:flex;flex-direction:row;height:100vh;justify-content:center;margin:7rem 0 0}.container-dashboard-heading{display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center}.container-dashboard-button{display:flex;justify-content:space-evenly;margin:.5rem;padding:2rem}.container-dashboard-button-type{background-image:linear-gradient(90deg,#ff6e7f 0,#bfe9ff 51%,#ff6e7f);background-size:200% auto;border:none;border-radius:12px;box-shadow:0 0 20px #eee;color:#fff;display:block;margin:10px;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s}.container-dashboard-button-type:active,.container-dashboard-button-type:hover{background-position:100%;color:#fff;cursor:pointer;text-decoration:none}.container-dashboard-button-type:focus{cursor:pointer;outline:none}.container-dashboard-heading-headline1{color:#5c5a5a;color:var(--HEADLINE-COLOR);font-size:5rem;font-weight:bolder;padding:2rem 0 0}.container-dashboard-heading-headline2{color:#7b7b7b;color:var(--HEADLINE1-COLOR);font-size:3.5rem;font-weight:700;padding:2rem}.container-dashboard-heading-headline3{color:#555;font-size:18px;font-size:2rem;font-weight:700;padding:5px}.artistes-container{display:flex;flex-wrap:wrap;justify-content:center}.AiOutlineLoading{animation:spin 1s linear infinite}@keyframes AiOutlineLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ErrorMessage{color:red;margin-bottom:20px}.Empty-Song-List-Message{color:#999;margin-bottom:20px}.flex-card-playlist-profile{align-items:center;background-color:#81787842;border-radius:10px;box-shadow:0 0 10px #0000001a;cursor:pointer;display:flex;margin:20px;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.songupload{align-items:center;display:flex;flex-direction:column;justify-content:center}textarea{border-radius:5px;box-shadow:1px 1px 1px #999;line-height:1.5;margin:11px;max-width:100%;padding:2px}textarea,textarea:hover{border:none}@media only screen and (max-width:650px){.container-dashboard-heading{margin:-6rem 0 0}.container-dashboard-heading-headline1{font-size:4rem;padding:1rem}.container-dashboard-heading-headline2{font-size:3rem;padding:1rem}.container-dashboard-heading-headline3{font-size:1.5rem;font-weight:700}.container-dashboard-button{margin:0;padding:1rem}.container-dashboard-button-type{margin:5px;padding:10px 29px}.btn-type8{font-size:70%;margin:5px;padding:10px}.Appname{font-size:3rem}.headline1{font-size:2rem}.headline2{font-size:1.5rem}.headline3{font-size:1.3rem}.nav-link2{display:inline-grid}.nav-link1{display:none}.flex-card-edit{display:inline;margin:10px;padding:15px}.btn-type-back,.btn-type10,.btn-type9{display:inline;margin:2rem;padding:10px 20px}img{height:121px;width:125px}.input{font-size:larger}.footbar{display:none}.form{padding:5px}.form .div{height:2cm;margin:20px;padding:10px}.form .label{font-size:20px;margin-bottom:0}}@media only screen and (max-width:420px){.container-dashboard{margin:0}.form .div{height:2cm;margin:0;padding:4px}}@media only screen and (max-width:300px){.container-dashboard-heading{height:75vh;margin:0}.container-dashboard-heading-headline1{font-size:2.5rem;padding:15px}.container-dashboard-heading-headline2{font-size:2rem;padding:15px}.container-dashboard-heading-headline3{font-size:1rem;padding:5px}.container-dashboard-button{margin:0;padding:0}.container-dashboard-button-type{margin-top:15px;padding:5px 15px}.headline1,.headline2,.headline3{font-size:medium}.btn-type9{display:inline;margin:5px;padding:10px 20px}.nav-link1{display:none}.nav-link2{display:inline-grid}}.Container{background:#833ab4;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:18rem;padding:20px;text-align:center}.Heading{color:#333;font-size:24px;margin-bottom:20px}.AiOutlineLoading{display:block;margin:20px auto}.ArtisteSong{background-color:#fff;border-radius:5px;box-shadow:0 0 5px #0000001a;padding:10px}.flex-card{align-items:center;display:inline-flex}.flex-card2{background-color:#f2f2f2;border-radius:10px;box-shadow:0 0 10px #0000001a;display:inline-flex;margin:20px;padding:20px;width:auto}.text{bottom:20px;color:#888585;font-weight:700;margin-bottom:-50px;padding-bottom:-50px;text-align:center}.text1{border:none;border-radius:7px;color:#9c9898;display:inline-flex;font-size:18px;margin:8px;padding:8px}.text1:hover{background-color:#555}ul{align-items:center;display:flex;flex-direction:column;list-style-type:none}.songlistimg{border:none;border-radius:7px;height:100px;width:100px}.songlistText{margin:5px;padding:5px;text-align:center}.playButton,.songlistText:hover{cursor:pointer}.playButton{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;font-weight:700;padding:5px 10px}.playButton:hover{background-color:#f33}.playingText{color:#ff4d4d;font-weight:700;text-align:center}.artistes-container-page{align-content:space-around;background-image:repeating-linear-gradient(90deg,#ff6e7f 0,#bfe9ff 51%,#ff6e7f);border:none;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:7px;padding:10px}.artistes-hover:hover{background-color:#e0dadabd;border-radius:12px}.btn{display:flex;justify-content:center}.playlist-container{background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}.playlist-title{font-size:24px;font-weight:700;margin-bottom:10px}.playlist-description{font-size:16px;margin-bottom:20px}.playlist-privacy{font-size:14px;margin-bottom:10px}.playlist-songs{font-size:18px;margin-bottom:10px}.playlist-songs-container{margin-top:20px}.song{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:10px}.music-player{margin-top:20px}.playlist-headline1{color:#5c5a5a;font-size:40px;font-weight:900}.playlist-headline2,.playlist-headline3{color:#7b7b7b;font-size:35px;font-weight:700}.playlist-headline3{color:var(--HEADLINE1-COLOR);font-size:var(--HEADLINE1-FONT-SIZE);font-weight:var(--HEADLINE1-FONT-WEIGHT);padding:10px}.flex-card-edit{align-items:center;background:#0000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:10px}.flex-card-edit,.profile-container{box-shadow:0 0 10px #0000001a;margin:10px}.profile-container{background:#74747e;background:linear-gradient(90deg,#74747e,#3d8f70 46%,#00d4ff 95%);border:none;border-radius:12px;text-align:center}.profile-edit-button{background:#0000;border:none;border-radius:7px;color:gray;cursor:pointer;display:inline;font-size:2.4rem;padding:10px 20px}.profile-edit-button:hover{background-color:#f0efacc4;background-color:var(--TEXT-HOVER-COLOR);color:#f5eeeefc}.delete-playlist{background-color:initial;border:none;color:#555;cursor:pointer;height:30px;outline:none;width:30px}.delete-playlist:hover{background-color:#f87878;color:#f7f3f3fc}.fav-container-page{background:#833ab4;background:radial-gradient(circle,rgba(127,219,194,.768) 19%,rgba(70,109,182,.944) 75%);border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;max-height:-moz-fit-content;max-height:-webkit-fit-content;max-height:fit-content;min-height:18rem;padding:20px;text-align:center}.playlist-container-page,.playlist-container-page-other-user{background:#833ab4;background:radial-gradient(circle,rgba(98,237,201,.768) 19%,rgba(91,246,129,.944) 75%);border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;max-height:-moz-fit-content;max-height:-webkit-fit-content;max-height:fit-content;min-height:18rem;padding:20px;text-align:center}.flex-card-playlist{flex-direction:row}.SongList{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:0}.songlist{color:#2f2d2d;display:inline-block;margin:10px;padding:10px}.isplaying{background:none;border:none;bottom:149px;color:#839d9bc7;position:relative}.isplaying:hover{cursor:pointer}.base{align-items:center;background-color:#f2f2f221;border:none;border-radius:12px;bottom:0;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;justify-content:center;position:-webkit-sticky;position:sticky}.song-title{color:#0b1010ab;font-size:22px;font-weight:700}.song-artiste{color:#888585;font-size:18px;font-weight:700;padding-bottom:-50px}.track-button{display:flex;margin:5px;padding:2px}.track-range{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;width:100%}.music-text,.text{color:#555;font-size:18px;margin:0}.music_img{border-radius:50%;box-shadow:0 0 5px #00000080;height:100px;margin:10px;object-fit:cover;width:100px}.title{align-items:center;display:flex}.vol-title{display:flex;padding-right:50px}.music_bnt{background-color:initial;border:none;color:#2f4f4f;cursor:pointer;height:30px;margin:3px;width:70px}.music_bnt:hover{color:#ee5050;margin-left:5px;margin-right:5px}input[type=range]{--range-progress:50%;width:-webkit-fill-available}input[type=range]:before{background:#9c9693;width:var(--range-progress)}.like{color:#555;cursor:pointer;margin:1px;padding:1px}.like:hover{color:red;cursor:pointer}@media only screen and (max-width:300px){.like,.range{display:none}}@media only screen and (max-width:470px){.input[type=range]{display:none}.music_bnt{margin:3px;width:36px}}.range::-webkit-slider-runnable-track{background:var(--bar-bg);border-radius:10px;height:11px;outline:none;position:relative;width:100%}.range::-moz-range-track{background:var(--bar-bg);border-radius:10px;height:11px;outline:none;position:relative;width:100%}.range::-moz-focus-outer{border:0}.range:before{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;content:"";cursor:pointer;width:var(--seek-before-width)}.range::-moz-range-progress{background-color:var(--seek-before-color);border-bottom-left-radius:10px;border-top-left-radius:10px;height:11px}.range::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--knobby);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:15px;margin:-2px 0 0;position:relative;width:15px;z-index:3}.range:active::-webkit-slider-thumb{background:var(--selectedKnobby);transform:scale(1.2)}.range::-moz-range-thumb{background-color:var(--knobby);border:#0000;border-radius:50%;box-sizing:border-box;cursor:pointer;height:15px;position:relative;width:15px;z-index:3}.range:active::-moz-range-thumb{background:var(--selectedKnobby);transform:scale(1.2)}.playlist-headline1{color:var(--HEADLINE-COLOR);font-size:var(--HEADLINE-FONT-SIZE);font-weight:var(--HEADLINE-FONT-WEIGHT);padding:10px}.playlist-headline2{color:var(--HEADLINE1-COLOR);font-size:var(--HEADLINE1-FONT-SIZE);font-weight:var(--HEADLINE1-FONT-WEIGHT);padding:10px}.playlist-container-page-1{background:#62edc9;background:radial-gradient(circle,rgba(98,237,201,.768) 19%,rgba(91,246,129,.944) 75%);border:none;border-radius:12px;justify-content:space-between;margin:7px;padding:7px;text-align:center}.flex-card-playlist,.playlist-container-page-1{box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column}.flex-card-playlist{align-items:center;background-color:#81787842;border-radius:10px;cursor:pointer;margin:20px;padding:20px;width:auto}.flex-card-playlist:hover{background-color:#81787873}.headTag{font-size:24px;font-weight:700;margin-bottom:10px}.paraTag{font-size:16px;margin-bottom:5px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{margin-top:20px}.container .divdiv{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:10px}.container .divdiv .divpara{color:#333;font-size:larger;text-decoration:none}.container .divdiv .divpara:hover{color:#666}.container .divdiv .divpara{font-weight:700}.container .divdiv .divpara:last-child{font-weight:400;margin-top:5px}.App{background:#eeaeca;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);font-family:Signika Negative,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0;padding:0}
/*# sourceMappingURL=main.2f7447d1.css.map*/