body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background-color:#121212;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}h1{font-size:2.5rem;margin-bottom:20px}.btn-login{background-color:#1db954;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease}.btn-login:hover{background-color:#1ed760;transform:scale(1.05)}.track-page{background-color:#121212;color:#fff;padding:20px;text-align:center}.breadcrumb{color:#b3b3b3;font-size:14px;margin-bottom:20px}.breadcrumb-item{cursor:pointer;text-decoration:underline}.breadcrumb-item.active{color:#fff;cursor:default;text-decoration:none}.track-list{list-style:none;margin-top:20px;padding:0}.track-list li{align-items:center;background-color:#282828;border-radius:10px;box-shadow:0 4px 8px #0003;color:#fff;display:flex;margin:10px auto;padding:15px;text-align:left;transition:transform .3s ease,background-color .3s ease;width:90%}.track-list li:hover{background-color:#333;transform:scale(1.02)}.track-cover{border-radius:5px;height:60px;margin-right:15px;width:60px}.track-info{flex:1 1}.track-title{font-size:16px;font-weight:700;margin:0}.track-artist{color:#b3b3b3;font-size:14px;margin:5px 0}.youtube-link{color:#1db954;display:inline-block;font-weight:700;margin-top:10px;text-decoration:none}.youtube-link:hover{text-decoration:underline}.search-button{background-color:#1db954;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:20px;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease}.search-button:hover{background-color:#1ed760;transform:scale(1.05)}.playlist-page{background-color:#121212;color:#fff;padding:20px;text-align:center}h1{color:#1db954}.playlists{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.playlist-card{background-color:#282828;border-radius:10px;box-shadow:0 4px 8px #0003;margin:10px;padding:15px;text-align:center;transition:transform .3s ease;width:250px}.playlist-card:hover{transform:scale(1.05)}.playlist-image{border-radius:10px;height:auto;width:100%}.playlist-name{color:#fff;font-size:18px;margin:10px 0}.playlist-info{color:#b3b3b3}.playlist-link{background-color:#1db954;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:10px 15px;text-transform:uppercase;transition:background-color .3s ease}.playlist-link:hover{background-color:#1ed760}
/*# sourceMappingURL=main.4d03d1e6.css.map*/