body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.loading{align-items:center;display:flex;justify-content:center}button{border:none}#loadingAll{font-size:3.5rem;text-align:center;margin-top:10rem}.login-page{height:90vh;justify-content:center}#rectangle,.login-page{display:flex;flex-direction:column;align-items:center}#rectangle{box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px;width:90%;padding:3.5rem 1.6rem}.login-logo{width:9rem;margin-bottom:20px}#login-input{height:2.1rem;width:90%;padding:.4rem;margin-bottom:1.5rem;font-family:FontAwesome,Arial,Helvetica,sans-serif}#login-btn{height:2.1rem;width:90%;color:#fff;background-color:#003be5;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:2px}#login-btn:hover{border:1px solid #2f5cf1;background-color:#2f5cf1}#login-btn:disabled{border:1px solid #999;background-color:#ccc;color:#666;cursor:not-allowed}@media only screen and (min-width:500px){#rectangle{width:65%}}@media only screen and (min-width:768px){#rectangle{width:55%}}@media only screen and (min-width:1050px){#rectangle{width:40%}}.header1{display:flex;background:#023031;box-shadow:0 4px 1px rgba(0,0,0,.25);justify-content:space-between;padding:0 15px;align-items:center}.logo-header{width:100px}.user{width:8rem;padding:.3rem;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:50px}.user-icon{padding:3px;background-color:#2fc18c;border-radius:50%;color:#fff}.user p{display:inline;margin-left:20px}.header2{display:flex;background-color:#e1e5eb;color:#fff;text-align:center;box-shadow:0 3px 1px rgba(0,0,0,.2)}.head{color:#30b886;flex:1 1;justify-content:center;font-size:1.3rem;padding:20px;transition:.4s;border-right:4px solid #fff}.head:hover{background-color:#c7cbd1}.profile{border:none}#loading{text-align:center;font-size:2rem;margin-top:5rem}.search-inputs{display:flex;justify-content:center;align-items:center;margin-top:4rem}.search-inputs input{height:2.1rem;width:12rem;padding:.4rem;margin-right:1rem;font-family:FontAwesome,Arial,Helvetica,sans-serif}.search-inputs button{height:2.1rem;width:6rem;color:#fff;background-color:#003be5;box-shadow:0 3px 3px rgba(0,0,0,.2);border-radius:2px}.search-inputs button:hover{border:1px solid #2f5cf1;background-color:#2f5cf1}.search-inputs button:disabled{border:1px solid #999;background-color:#ccc;color:#666}#p1{margin-top:9rem;font-size:2.8rem;text-align:center}#p1,#p2{color:#023031}#p2{margin:5rem 0 4rem 1rem;font-size:1.5rem}.albums-list{display:flex;margin:0 .5rem;flex-wrap:wrap;list-style-type:none;justify-content:space-evenly}.list-items{background:#f0ebeb;border:1px solid #e1e5eb;box-shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1);border-radius:6px;display:flex;flex-direction:column;width:12rem;font-size:.8rem;margin:0 2rem 2rem 0}.list-items img{border:1px solid #e1e5eb;box-shadow:0 1px 2px rgba(0,0,0,.06)}.link-album{padding:.3rem 0 0 .5rem;color:#023031;flex:1 1}.link-album:hover{background-color:#e1e5eb;transition:.2s}@media only screen and (min-width:768px){.search-inputs input{width:20rem}#p2{margin:5rem 0 4rem 4rem}}@media only screen and (min-width:1200px){.search-inputs input{width:27rem}}.tracks-list{list-style-type:none}.tracks{margin:1.3rem 0;display:flex;flex-direction:column;align-items:center}.tracks-list p{align-self:flex-start;text-align:start;margin-bottom:.2rem}.audio-check{display:flex;align-items:center}.tracks img{border-radius:50%;transform:scale(.9)}input[type=checkbox]{-webkit-appearance:none;appearance:none}.hearts{margin:0 1rem;cursor:pointer}#heart-red{color:#fe0f42}hr{color:#e1e5eb;width:95%;margin:0 auto;opacity:.4}@media only screen and (min-width:1200px){.tracks-list{margin-top:2rem}.tracks{flex-direction:row;align-items:center;justify-content:center}.tracks-list p{align-self:center;margin:0 .4rem 0 0}hr{width:80%}}.page-album{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.album-info{color:#023031;text-align:center}.album-info img{margin-top:1.5rem;border-radius:5%}.album-info h2{margin-top:.5rem;margin-bottom:.6rem}@media only screen and (min-width:1200px){.page-album{flex-direction:row;align-items:flex-start}.album-info img{margin-top:5rem}}#favorites-text{display:flex;color:#023031;font-size:1.6rem;margin-top:3rem;justify-content:center}.favorites{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.favorites img{margin-bottom:.4rem}.favorites p{align-self:center}.no-favorites{color:#023031;font-size:1.7rem;text-align:center;margin-top:10rem}.no-favorites span{margin-left:.8rem}.profile-page{flex-direction:column;justify-content:center;height:100vh;text-align:left;font-family:Verdana,Geneva,Tahoma,sans-serif}.link-container,.profile-page{display:flex;align-items:center}.link-container{margin-bottom:1.5rem;justify-content:space-between;width:14rem}.big-icon{color:#fff;padding:10px;background-color:#494848;border-radius:65%}.profile-tag{color:#3d495c;font-weight:700;font-size:1.1rem}.profile-info,.profile-tag{width:12rem}.profile-info{font-weight:400;font-size:.8rem;line-height:150%;margin-bottom:1rem}#profile-link{max-height:1.8rem;align-self:center;padding:.3rem .6rem;color:#003be5;border:1px solid #003be5;border-radius:8px;letter-spacing:.03em;transition:.3s;font-size:.9rem}#profile-link:hover{background-color:#a5b8f3}@media only screen and (min-height:600px){.profile-page{margin-top:-5rem}}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.user-image{display:flex;justify-content:space-between;width:17rem;margin-bottom:1.5rem}#user-image{position:relative;width:4.5rem;height:4.5rem;overflow:hidden;border-radius:50%}.user-image input{max-height:1.8rem;align-self:center;padding:.8rem .3rem;opacity:.5}.form-column{display:flex;flex-direction:column;width:17rem;margin-bottom:1rem}.form-column input,textarea{padding:.6rem .25rem;border:none;border-bottom:1px solid #3d495c}.form-column input:focus,textarea:focus{outline:none;background-color:#f0f2f5}.form-container button{height:2rem;width:5rem;color:#fff;background-color:#003be5;box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:2px}.form-container button:hover{border:1px solid #2f5cf1;background-color:#2f5cf1}.form-container button:disabled{border:1px solid #999;background-color:#ccc;color:#666}@media only screen and (min-height:1200px){.form-container{margin-top:-2rem}}.not-found{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:420px}.logo{width:7rem;margin:3rem 100%}#ops{font-size:8rem;color:#023031;margin-right:2rem}#not-found,#ops{letter-spacing:.02em}#not-found{font-size:2.2rem;flex-wrap:wrap;width:30%}*{margin:0;padding:0;box-sizing:border-box;font-family:"Epilogue",sans-serif}a{text-decoration:none}
/*# sourceMappingURL=main.4a1a2d36.chunk.css.map */