.loading{font-size:2rem;padding:50px 0;text-align:center}.page-login{align-items:center;display:flex;flex-direction:column;min-height:100vh}.page-login .logo{margin-bottom:60px;width:208px}.page-login .form-box{display:flex;flex-direction:column;padding:60px;width:420px}.header{align-items:center;background-color:#023031;display:flex;justify-content:space-between;position:relative;z-index:1}.logo-header{margin:0 35px 25px;width:100px}.user-box-header{align-items:center;background-color:#fff;border-radius:17px;display:flex;margin:0 50px;padding:2px;width:190px}.header-user-image{background-color:#2fc18c;border-radius:50%;height:30px;width:30px}.header-user-image img{width:100%}.header-user-name{flex-grow:1;padding:0 5px;text-align:center}.nav-bar{background-color:#f0f2f5;box-shadow:0 2px 5px #cacaca;color:#2fc18c;display:flex;font:700 1.3rem Epilogue,sans-serif}.nav-link{box-shadow:inset 0 7px 5px -3px #cacaca;flex-grow:1;opacity:.9;padding:15px 0;text-align:center;transition:.3s}.nav-link:nth-child(2){margin:0 2px}.nav-link:hover{background-color:#0c5040;box-shadow:inset 0 7px 5px -3px #014636;color:#fff;opacity:1}.album-card{background-color:#f0f2f5;border-radius:5px;box-shadow:0 4px 4px #cacaca;display:flex;height:100px;margin:20px;max-width:250px;padding:5px;width:-webkit-max-content;width:max-content}.album-image{display:block;height:100%}.album-info{display:flex;flex-direction:column;justify-content:space-around;margin-left:5px}.album-name{font-size:.9rem;font-weight:500}.artist-name{font-size:.8rem;font-weight:400}.search-box{align-items:center;display:flex;justify-content:center;padding:50px 0}.search-box .input-field{margin-right:10px;width:400px}.music-card{display:flex;flex-direction:column;margin:10px;padding:5px}.music-name{font-size:1rem;font-weight:400;margin-bottom:10px}.label-favorite{align-items:center;align-self:end;background:#ff3456;border-radius:16px;color:#fff;display:inline-flex;font-size:.8rem;margin:3px 5px;padding:3px 5px}.checkbox-favorite{accent-color:#ff3456;margin-left:3px}.page-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.profile-image{align-self:center;border:1px solid #2fc18c;border-radius:50%;height:200px;width:200px}.user-name{font-size:1.2rem;font-weight:400;margin:16px;min-width:300px;text-align:center}.user-email{font-size:1rem;font-weight:300}.user-description{color:#7a7a7a;font-size:1rem;font-weight:400;margin:10px}.page-profile-edit{display:flex;justify-content:center}.page-profile-edit .form-box{display:grid;grid-template-columns:auto 1fr;margin-top:20px;padding:30px}.user-image{align-self:center;border:1px solid #000;border-radius:50%;grid-row:1/span 3;height:150px;margin-right:20px;width:150px}.description{grid-column:1/span 2}textarea{resize:none}.page-profile-edit .btn{grid-column:1/span 2}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;font:inherit;text-decoration:none}body{background-color:#f8f8f8;font-family:-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif}.form-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px #cacaca}.btn,.input-field{border-radius:3px;font-family:inherit;font-size:.9rem;margin:5px 0;outline:none;padding:8px}.input-field{background-color:#fff;border:1px solid #e1e5eb;font-weight:300;min-width:300px}.btn{background-color:#003be5;border:none;box-shadow:0 2px 4px #cacaca;color:#fff;font-weight:400}.btn:hover{box-shadow:0 2px 5px #a8a8a8}.label-box{align-items:stretch;display:flex;flex-direction:column;margin:10px 0}.container{display:grid;grid-template-columns:auto;justify-content:center}@media screen and (min-width:580px){.container{grid-template-columns:repeat(2,auto)}}@media screen and (min-width:872px){.container{grid-template-columns:repeat(3,auto)}}@media screen and (min-width:1150px){.container{grid-template-columns:repeat(4,auto)}}
/*# sourceMappingURL=main.0802bd38.chunk.css.map */