@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap);.songs{height:auto;margin-bottom:clamp(1rem,5vw,4rem);padding-inline:clamp(1rem,5vw,4rem);width:100%}.songs .list{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:4rem}.song{aspect-ratio:1/1;background-color:#fff;border-radius:.5rem;box-shadow:0 0 30px -5px rgba(197,73,255,.15);color:#641b6b;height:auto;padding:1rem;position:relative}.song>h3{margin:1rem 0 0}.song>p{margin:.5rem 0}.song>img{display:block;height:100%;width:100%}.song:hover{transition:all .5s ease}.song:active,.song:hover{box-shadow:0 0 30px 5px rgba(197,73,255,.15)}.song:active{border:1px solid #f8b0ff;transition:box-shadow .5s ease}.rating{background-color:#67196e;border-radius:0 .5rem 0 .5rem;color:#fff;gap:.5rem;padding:.4rem;position:absolute;right:0;top:0}.rating,.star{align-items:center;display:flex}.star{aspect-ratio:1/1;justify-content:center;position:relative;width:20px}.star>svg{height:100%;position:absolute;-webkit-transform:translateY(-2px);transform:translateY(-2px);width:100%}.star>svg>path{fill:#d390da}.artists{height:auto;margin-bottom:clamp(1rem,5vw,4rem);padding-inline:clamp(1rem,5vw,4rem);width:100%}h1{color:var(--clr-accent)}p{color:var(--clr-text)}.list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:4rem}.card{aspect-ratio:1/1;background-color:#fff;border-radius:.5rem;box-shadow:0 0 30px -5px rgba(197,73,255,.15);color:#641b6b;display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:1rem;position:relative}.card>h3{margin:1rem 0 0}.card>p{margin:.5rem 0;padding-top:.5rem;text-align:center;width:100%}.card>img{border-radius:50%;box-shadow:0 0 30px 0 rgba(197,73,255,.25);height:70%;margin:auto;width:70%}.card:hover{box-shadow:0 0 30px 5px rgba(197,73,255,.15);transition:all .5s ease}.card:active{border:1px solid #f8b0ff;transition:box-shadow .5s ease}.dashboard{height:auto;margin-bottom:clamp(1rem,5vw,4rem);padding-inline:clamp(1rem,5vw,4rem);width:100%}h1{color:var(--clr-primary);font-size:clamp(3rem,15vw,4rem);margin-block:clamp(1rem,5vw,4rem)}h2{margin:0}.inputContainer{display:flex;flex-direction:column;gap:.75rem}.form-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}button,form input,option,select{all:unset}form{background-color:#fff;border-radius:1rem;box-shadow:0 0 40px 0 rgba(197,73,255,.15);color:var(--clr-text);display:flex;flex-direction:column;gap:2rem;padding:1.5rem}form label{color:var(--clr-primary)}.inputContainer input,.select{border-radius:.5rem;box-shadow:0 0 20px -5px rgba(197,73,255,.15);padding:1rem}.inputContainer{position:relative}.option{background-color:#fff;border-radius:0 0 .5rem .5rem;height:10rem;outline:1px solid var(--clr-accent);overflow-y:scroll;position:absolute;top:5.9rem;-webkit-transform:translateY(-.75rem);transform:translateY(-.75rem);-webkit-transform-origin:top left;transform-origin:top left;width:100%;z-index:100}.inputContainer .select:has(~.option){border-radius:.5rem .5rem 0 0}.inputContainer .option ul{margin:0;padding:0}.inputContainer .option li{color:var(--clr-select);list-style:none;margin:.5rem;padding:.5rem}.inputContainer .option li:hover{cursor:pointer}.form button,.inputContainer .option li:hover{background-color:var(--clr-primary);border-radius:.5rem;color:#fff}.form button{justify-self:flex-end;margin-top:auto;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inputContainer input:focus,.select:focus{box-shadow:0 0 40px 0 rgba(197,73,255,.15);outline:1px solid var(--clr-accent)}.tag-container{border-radius:.5rem;box-shadow:0 0 20px -5px rgba(197,73,255,.15);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;width:100%}.tag{background-color:var(--clr-primary);border-radius:.5rem;color:#fff;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.5rem 0 .5rem .5rem;padding:.5rem .75rem}.tag-container input{all:unset;padding:1rem;position:relative}.tag-container input:focus{all:unset;padding:1rem;position:relative;width:auto}.tag-container:has(~.tag-popup){border-radius:.5rem .5rem 0 0}.tag-container:has(.tag-input:focus){box-shadow:none;box-shadow:0 0 40px 0 rgba(197,73,255,.15);outline:1px solid var(--clr-accent)}.tag-popup{background-color:#fff;border-radius:0 0 .5rem .5rem;height:-webkit-max-content;height:max-content;max-height:min(11rem,40vh);outline:1px solid var(--clr-accent);overflow-y:scroll;position:absolute;top:5.9rem;-webkit-transform:translateY(-.75rem);transform:translateY(-.75rem);-webkit-transform-origin:top left;transform-origin:top left;width:100%;z-index:100}.tag-popup ul{margin:0;padding:0}.tag-popup li{list-style:none;margin:.5rem;padding:.5rem}.tag-popup li:hover{background-color:var(--clr-primary);border-radius:.5rem;color:#fff;cursor:pointer}@media screen and (max-width:600px){.form-grid{grid-template-columns:1fr}.option,.tag-popup{position:static}}:root{--clr-primary:#641b6b;--clr-secondary:#d15fdb;--clr-accent:#f8b0ff;--clr-select:#4a0095;--clr-text:#8f6d92;--shadow:0px 0px 20px 2px rgba(197,73,255,.15);--max-width:1200px}#root{display:flex;flex-direction:column;height:100dvh}body{background-image:url(/static/media/background.32d93b3b08fb1301dd09.svg);background-position:-1rem;background-repeat:repeat;background-size:cover;height:100%;margin:0;min-height:100dvh;overflow-x:hidden;overflow-y:scroll;padding:0;width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#f8b0ff;-webkit-text-fill-color:var(--clr-accent);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-datetime-edit-day-field:focus,input::-webkit-datetime-edit-month-field:focus,input::-webkit-datetime-edit-year-field:focus{background-color:#e4c9ff;color:#4a0095;color:var(--clr-select)}h1,h2,h3,h4{color:#641b6b;color:var(--clr-primary)}*{box-sizing:border-box;font-family:Montserrat,sans-serif;text-decoration:none}::selection{background-color:#e4c9ff;color:#4a0095;color:var(--clr-select)}.max-width{margin-left:auto;margin-right:auto;max-width:1400px}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}header{background-color:#fff;box-shadow:0 0 20px 2px rgba(197,73,255,.15);display:block;height:5.4rem;position:-webkit-sticky;position:sticky;top:0;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;z-index:101}header>nav{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:1rem auto;padding-inline:clamp(1rem,5vw,4rem)}.site-header{color:#641b6b;color:var(--clr-primary);font-size:2rem;font-weight:800;line-height:3rem;margin-left:.5rem;text-transform:uppercase}.site-header>span{color:#d15fdb;color:var(--clr-secondary)}.hamburger-menu{display:none}.navlist{align-items:center;display:flex;flex-direction:row}.navlist[data-visible=true]{-webkit-transform:translateX(0);transform:translateX(0)}.navlist>li{list-style:none;padding:0 2rem 0 0}.navlist>li:hover{-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);transition:all .5s ease}li>a{align-self:center;color:#4a0095;color:var(--clr-select)}li>a:hover{text-decoration:underline}header.nav-bar--hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width:600px){.navlist{background:#fff;box-shadow:0 0 20px 2px rgba(197,73,255,.15);flex-direction:column;font-size:1.5rem;gap:clamp(1rem,10vh,4rem);inset:0 0 0 0;justify-content:center;margin:0;position:fixed;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;z-index:1000}.hamburger-menu{all:unset;background:url(/static/media/menu.62156aa1f3f8ed08b3c4.svg);background-repeat:no-repeat;background-size:contain;display:block;height:2rem;position:absolute;right:clamp(1rem,5vw,4rem);width:2rem;z-index:9999}}.footer{background-color:#fff;box-shadow:0 0 20px 2px rgba(197,73,255,.15);display:block;margin-top:auto;min-height:10rem;padding:0 clamp(1rem,3vw,5rem);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%;z-index:101}.footer-content{align-items:center;color:#641b6b;color:var(--clr-primary);display:flex;flex-direction:row;font-size:clamp(.5rem,3vw,1rem);height:100%;justify-content:space-between;padding:clamp(1rem,5vw,4rem);width:100%}.footer-content a{color:#4a0095;color:var(--clr-select);text-decoration:none}.footer-content a:hover{text-decoration:underline}.socials{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.icons{display:flex;gap:1.75rem}.icons img{aspect-ratio:1;width:1.5rem}.color-filter{-webkit-filter:invert(13%) sepia(93%) saturate(2189%) hue-rotate(280deg) brightness(87%) contrast(94%);filter:invert(13%) sepia(93%) saturate(2189%) hue-rotate(280deg) brightness(87%) contrast(94%)}
/*# sourceMappingURL=main.7482a3cf.css.map*/