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}body{background-color:#f2f2f2;font-family:Arial,sans-serif}.container{max-width:400px;position:relative;top:180px;margin:0 auto;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2)}.title{position:relative;top:160px}.title,.titleHeader{text-align:center;background:-webkit-linear-gradient(#14c014,#5e5b5b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.titleHeader{margin-top:30px}form{display:flex;flex-direction:column}input[type=password],input[type=text]{margin-bottom:20px}.enter,input[type=password],input[type=text]{padding:10px;border-radius:5px;border:none;box-shadow:0 0 5px rgba(0,0,0,.1)}.enter{background-color:#4caf50;color:#fff;cursor:pointer}.enter:hover{background-color:#3e8e41}header{position:relative}span{position:absolute;top:0;right:0;display:flex;align-items:center}span p{margin:0 10px 0 0}span img{width:50px;height:50px;object-fit:cover;border-radius:50%;margin-right:10px}.imageLillte{width:300px}.loader{font-size:24px;color:#333;text-align:center}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#f2f2f2;padding:0 20px;height:80px}.navbar-link{color:#333;font-size:18px;text-decoration:none;margin-right:20px;transition:color .2s ease-in-out}.navbar-link:hover{color:#ddd}.containerPefilEdit{display:flex;flex-direction:column;align-items:center;margin-top:45px}.containerPefilEdit label{display:flex;flex-direction:column;margin-bottom:10px}.containerPefilEdit input,.containerPefilEdit textarea{padding:5px;border-radius:5px;border:1px solid #ccc}.ButtonSave{padding:10px 20px;border-radius:5px;border:none;background-color:#4caf50;color:#fff}.containerSearch{max-width:600px;margin:0 auto;padding:20px}.inputNameMusic{font-size:18px;padding:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);width:100%;margin-bottom:20px}.inputNameMusic,.search{border:none;border-radius:4px}.search{background-color:#4caf50;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.search:active,.search:hover{background-color:#3e8e41}.search:active{box-shadow:0 5px #666;-webkit-transform:translateY(4px);transform:translateY(4px)}.errorMessage{color:red;margin-top:20px;font-size:16px;text-align:center;font-weight:700;margin-bottom:10px}.containerFavorite{max-width:600px;margin:0 auto;padding:20px}.containerMusic{display:flex;flex-direction:column;align-items:center}.cards{display:flex;flex-wrap:wrap;justify-content:space-between}.ResultsMusic{font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.SectionOfMusic{display:flex;flex-wrap:wrap;justify-content:center}.linkSearc{width:30%;margin:10px;border:1px solid #ccc;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:box-shadow .3s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#000}.linkSearc:hover{box-shadow:0 20px 16px 0 rgba(0,0,0,.2)}.artistName{font-size:1rem;text-decoration:none}.NameOfMusic{font-size:1.2rem;margin-top:20px;font-weight:700}.containerCard{display:flex;flex-direction:column;align-items:center}.artistNameMusicMusicCard{font-size:2rem;margin-top:20px}.collectionNameMusicMusicCard{font-size:1.5rem;margin-top:10px}.audioContainer{margin-top:30px;flex-direction:column}.audioContainer,.audioPlayer{display:flex;align-items:center}.buttonFavorite{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.buttonFavorite:hover{background-color:#3e8e41}.WordFavorite{margin-top:20px;font-size:1.2rem;color:#4caf50;text-align:center}.buttonRemove{background-color:#dd1b1b;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.buttonRemove:hover{background-color:#8b0000}@media (max-width:600px){span{position:absolute;top:10px;right:10px;display:flex;align-items:center}span p{font-size:14px;margin:2}span img{width:30px;height:30px;margin-right:5px}}
/*# sourceMappingURL=main.2b7429e7.chunk.css.map */