*{box-sizing:border-box}body{margin:0;background-color:#35383f;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}.area-login,.loading{align-items:center;display:flex;justify-content:center}.area-login{background-color:#1b1f27;font-family:Arial,Helvetica,sans-serif;overflow:hidden;height:100vh}.login{align-items:center;justify-content:space-evenly;background-color:#181820;border-radius:10px;width:355px;height:320px;padding:35px}.form,.login{display:flex;flex-direction:column}.form{width:100%}.input-name-login{margin:10px 0;background-color:#252a34;color:#cbd0f7;padding-left:10px;border:none;height:45px;outline:none;border-radius:8px}.img-login{width:85px;height:auto}.login-submit-button{background-color:#5568fe;color:#fff;border:none;height:45px;border-radius:8px;font-size:20px;text-transform:uppercase;font-weight:700;cursor:pointer}.login-submit-button:disabled{color:hsla(0,0%,100%,.342);cursor:auto}.input-name-login:-ms-input-placeholder{color:#cbd0f7;font-size:14px}.input-name-login::placeholder{color:#cbd0f7;font-size:14px}@media screen and (max-width:468px){.login{width:70%;height:320px;padding:35px}}.header-component{display:flex;flex-direction:column;background-color:#1b1f27}.contain-user-name{margin:10px;display:flex;justify-content:space-between}.contain-user-name span{display:flex;align-items:center;align-self:center;background-color:#fff;height:12px;border-radius:20px;padding:15px;margin-right:40px}.contain-user-name img{margin-left:40px;width:65px;height:auto}.links{display:flex;flex-direction:column;justify-content:center;height:55px;background-color:#181820}.contain-links{display:flex;justify-content:space-around;margin:10px;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:700;font-size:15px}.contain-links :link{text-decoration:none}.link-one,.link-three,.link-two{color:#fff}.search{display:flex;justify-content:center;align-items:center}.search input{margin:10px 0;background-color:#f1f1f1;color:#000;padding-left:10px;outline:none;width:60%;font-size:16px}.search button,.search input{border:none;height:45px;border-radius:8px}.search button{display:flex;flex-direction:column;justify-content:center}.list-music{margin:-6px 40px 40px;color:#fff}@media screen and (max-width:639px){.list-music{margin:20px}}@media screen and (max-width:459px){.list-music{margin:10px}}.music-card{border:1px solid #fff;border-radius:5px;background-color:#181820;width:200px;height:auto;padding:20px;display:flex;flex-direction:column;justify-content:center;margin:10px}@media screen and (max-width:739px){.music-card{width:150px}}@media screen and (max-width:685px){.music-card{width:120px}}@media screen and (max-width:585px){.music-card{width:150px}.link-album{font-size:12px}}@media screen and (max-width:363px){.music-card{width:100px}}.link-album{display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;text-decoration:none;height:30px;font-size:14px;border-radius:5px}.contain-profile{height:100vh}.contain-profile,.profile{display:flex;flex-direction:column}.profile{color:#fff;align-items:center;align-self:center;width:80%;margin-top:50px}.profile img{width:120px;height:120px;border-radius:50%}.link-edit-perfil{display:flex;justify-content:center;align-items:center;background-color:#181820;padding:5px;color:#fff;text-decoration:none;height:20px;border-radius:5px}.album-contain{color:#fff;display:flex;flex-direction:column}.info-album{margin-top:30px;align-self:center;display:flex;flex-direction:row-reverse;padding:10px}.info-album div{margin:10px}.music-card-player{border:1px solid #fff;border-radius:5px;background-color:#181820;display:flex;color:#fff;align-items:center;justify-content:space-around;margin:10px;padding:10px}.form-edit,.page-profile-edit{display:flex;flex-direction:column}.form-edit{align-self:center;margin-top:40px;align-items:center;color:#fff}.form-edit label{margin:10px}.form-edit label input{width:100%}
/*# sourceMappingURL=main.841c0269.chunk.css.map */