@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--text-color:hsl(var(--hue),var(--sat),46%)}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.section-music-card,body{background-color:#6ae28e}.section-music-card{box-shadow:.5em .5em #d3cece;font-size:14px;padding:.5em}.music-card-header{display:flex;justify-content:space-between}.section-music-card audio::-webkit-media-controls-panel{background-color:#6ae28e;border:none}.header-component{align-items:baseline;background-color:#50af6d;color:#fff;padding:1rem 2rem}.header-component,.links-container{display:flex;justify-content:space-between}.links{color:#fff;margin:0 .5em;text-decoration:none}.footer-container{background-color:#50af6d;color:#fff;font-weight:500;height:4rem;text-align:center}.footer-text{margin-top:3em}.footer-links{margin:.5rem}.container-album-page{display:flex;justify-content:center;width:98vw}.info-container{display:flex;justify-content:center;margin:2rem 0}.info-container img{height:150px;width:150px}.info-names{padding-left:1.5rem}.page-album-container{background-color:#f8f2f2;box-shadow:.5em .5em #50af6d;margin:3rem 0;max-width:700px}.music-card-container{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,2fr);padding:2em}.artist-name{color:var(--text-color);margin-top:2rem;text-align:center}.favorites-container{display:flex;justify-content:center}.songs-container{grid-gap:1em;background-color:#f8f2f2;box-shadow:.5em .5em #50af6d;display:grid;gap:1em;grid-template-columns:repeat(2,2fr);margin:3rem 0;max-width:700px;min-height:63vh;padding:2em}.page-login-div{color:var(--text-color);display:flex;height:100vh;justify-content:center;width:100vw}.login-container{background-color:#fff;box-shadow:.5em .5em #50af6d;display:grid;height:350px;justify-content:center;margin:8em 0 6.5em;padding:5em 1em;text-align:center;width:450px}.login-title{font-size:35px}.login-input{background-color:#f8f2f2;border:none;height:2.5em;width:25em}.login-input:focus{outline:none}.login-btn{background-color:#50af6d;border:none;color:#fff;cursor:pointer;font-weight:600;height:2.5em;transition:.2s linear}.login-btn:disabled{opacity:60%}.page-profile{display:flex;justify-content:center;width:100%}.profile-container{background-color:#f8f2f2;box-shadow:.5em .5em #50af6d;display:flex;flex-direction:column;height:60vh;justify-content:space-around;margin:3.5rem 0;max-width:50vw;min-width:35vw;padding:1rem 2rem}.btn-edit{background-color:#50af6d;border:none;color:#fff;cursor:pointer;font-weight:600;height:2.5em;transition:.2s linear}.page-profile-edit{display:flex;justify-content:center;width:100%}.profile-edit-container{background-color:#fff;box-shadow:.5em .5em #50af6d;display:flex;flex-direction:column;height:60vh;justify-content:space-evenly;margin:3.5rem 0;max-width:50vw;min-width:35vw;padding:1rem 2rem}.input-edit{background-color:#f8f2f2;border:none;height:2.5em}.input-edit:focus{outline:none}.btn-save-edit{background-color:#50af6d;border:none;color:#fff;cursor:pointer;font-weight:600;height:2.5em;transition:.2s linear}.btn-save-edit:disabled{opacity:60%}.page-search{display:grid;grid-template-columns:repeat(1,2fr);justify-items:center;min-height:77.5vh}.search-form{display:flex;justify-content:center;margin:2rem 0}.search-input{border:none;font-weight:600;height:2.5rem;text-align:center;width:20rem}.search-input:focus{outline:none}.search-btn{background-color:#50af6d;border:none;color:#fff;cursor:pointer;font-weight:600;height:2.5rem;transition:.2s linear;width:4.5rem}.search-btn:disabled{opacity:60%}.search-result{background-color:#f8f2f2;box-shadow:.5em .5em #50af6d;margin-bottom:4rem;max-width:50vw;text-align:center}.album-list{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(3,1fr)}.album-list li{list-style-type:none}.title-search{padding:2rem 0}.album-info{color:var(--text-color);font-size:10px;margin:0;padding:0;text-decoration:none}
/*# sourceMappingURL=main.149bea54.css.map*/