*,:after,:before{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{list-style-type:none;font-family:"Merriweather Sans",sans-serif}html{font-size:62.5%}button,input,textarea{font-family:inherit}.mb-sm{margin-bottom:2rem}.mb-md{margin-bottom:3rem}.mb-bg{margin-bottom:4rem}.loading-message-container{align-items:center;color:#023031;display:flex;font-size:1.6rem;height:7.4rem;justify-content:center}.login-form-container{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%)}.login-form-container form{display:flex;flex-direction:column;margin:11rem auto auto;grid-row-gap:12px;row-gap:12px;width:31rem}.login-form-container form input{height:4rem;text-indent:1rem}.login-form-container form button{background-color:#003be5;border:none;color:#fff;height:4rem}.login-form-container form button:disabled{background:#a0a0a0;color:#4b4b4b;opacity:.6}@media only screen and (min-width:30em){.login-form-container{border-radius:1rem;box-shadow:.1px 3px 8px #adadad;padding:8rem 6rem}}header{background-color:#023031;display:flex;flex-wrap:wrap;font-size:1.6rem;justify-content:space-between}.trybetunes-logo{margin-bottom:1.6rem;margin-left:2rem;width:10.6rem}header nav{box-shadow:.1px 3px 2px #adadad;display:flex;width:100%}.username-container{align-items:center;background-color:#fff;border-radius:20px;color:#29313d;display:flex;height:4rem;justify-content:flex-start;margin-right:2.6rem;margin-top:2.4rem;max-width:20rem}.username-container img{border-radius:50%;height:3rem;margin:4px;object-fit:cover;width:3rem}.username-container span{display:block;margin-left:.8rem;margin-right:1.5rem;max-width:14rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}header nav>*{background-color:#f0f2f5;border-right:2px solid #fff;color:#2fc18c;font-weight:800;padding:1.6rem;text-align:center;width:100%}header nav>:hover{background-color:#036b52;color:#fff}@media only screen and (max-width:26.56em){.username-container span{display:none}}.albums-section{font-size:1.6rem;margin:auto;max-width:115rem;padding-bottom:6rem}.albums-section h3{color:#001813;font-weight:300;margin-bottom:2rem}.albums-cards-container{display:flex;grid-gap:10px;gap:10px;margin:auto;max-width:115rem;overflow-x:scroll;padding-bottom:1.6rem}.albums-cards-container::-webkit-scrollbar{max-width:1.6rem}.albums-cards-container::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:10rem}.albums-cards-container::-webkit-scrollbar-thumb{background-color:#3d495c;border-radius:10rem}.albums-cards-container div>*{color:#3d495c;font-family:Verdana,Geneva,Tahoma,sans-serif}.albums-cards-container div a{display:inline-block;font-weight:800;margin-bottom:.6rem;text-decoration:none}.albums-cards-container div img{height:180px;object-fit:cover;width:28rem}.page-search{padding:0 1rem}.search-form-container form{box-shadow:0 .2rem .3rem rgba(0,0,0,.3);display:flex;justify-content:space-between;margin:8rem auto;max-width:50rem}.search-form-container form input{border:none;font-size:1.6rem;text-indent:1.6rem;width:100%}.search-form-container form input:focus{outline:none}.search-form-container form button{background-color:#003be5;border:none;color:#fff;cursor:pointer;font-size:1.6rem;height:38px;width:100px}.search-form-container form button:disabled{background:#a0a0a0;color:#4b4b4b;cursor:auto;opacity:.6}.music-card-container{align-items:center;box-shadow:.1px 3px 2px #e0e0e0;display:flex;font-size:1.6rem;font-weight:300;justify-content:space-between;padding:10px;width:100%}.music-card-container img{border-radius:50%;width:60px}.music-card-container span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-icon-container input{display:none}.album-details-container{display:flex;justify-content:space-between;margin:6rem auto auto;max-width:115rem;padding-bottom:6rem}.album-info-container{color:#023031}.album-info-container h3{font-size:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:30rem}.album-info-container span{display:inline-block;font-size:1.6rem;font-weight:300;margin:auto}.album-info-container img{border-radius:4px;margin-bottom:1rem;width:30rem}.album-songs-container{align-items:center;display:flex;flex-direction:column;padding:0 1rem;grid-row-gap:1rem;row-gap:1rem;width:70%}.album-songs-container div{align-items:center;display:flex;justify-content:space-between}@media only screen and (max-width:75em){.album-details-container{align-items:center;flex-direction:column}.album-info-container span{margin-bottom:3rem}}@media only screen and (max-width:48em){.album-songs-container{width:100%}}.page-favorites{display:flex;flex-direction:column;margin:0 auto;max-width:90rem;padding:0 1rem 6rem}.page-favorites h3{align-self:flex-start;color:#001813;font-size:1.8rem;font-weight:400;margin-bottom:2.6rem;margin-top:5rem}.user-profile-container{color:#3d495c;height:50rem;margin:6rem auto auto;max-width:36rem;padding:0 1rem}.user-profile-container h4{font-size:1.6rem}.user-profile-container p{font-size:1.8rem;font-weight:300}.user-profile-container img{border-radius:50%;height:10rem;object-fit:cover;width:10rem}.edit-section{align-items:center;display:flex;justify-content:space-between}.profile-edit-btn{border:1px solid #003be5;border-radius:5px;color:#003be5;font-size:1.5rem;padding:6px;text-decoration:none}.user-profile-form{align-items:center;color:#3d495c;display:flex;flex-direction:column;height:500px;margin:6rem auto auto;max-width:36rem;padding:0 1rem;grid-row-gap:2.8rem;row-gap:2.8rem}.profile-picture-container{align-items:baseline;display:flex;grid-gap:20px;gap:20px;justify-content:space-between;width:100%}.profile-picture-container img{border-radius:50%;height:10rem;object-fit:cover;width:10rem}.user-profile-form label{display:flex;flex-direction:column;font-size:1.6rem;font-weight:500;grid-row-gap:10px;row-gap:10px;width:100%}.user-profile-form input,textarea{border:none;border-bottom:1px solid #3d495c}.save-profile-btn{background-color:#003be5;border-radius:2px;color:#fff;padding:8px;width:120px}.save-profile-btn:disabled{background:#a0a0a0;color:#4b4b4b;opacity:.6}.profile-picture{border-radius:50%;width:80px}
/*# sourceMappingURL=main.a90df44b.chunk.css.map */