equalizer {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100px;
    margin: 20px 0;
    overflow: hidden;
    background: #f0f0f0;
    padding: 10px;
    border-radius: 8px;
}

.bar {
    width: 4px;
    background-color: #ff7f50;
    margin: 0 2px;
    transition: height 0.1s ease-in-out;
}

/* Footer'ın her zaman en altta görünmesi için düzenleme */
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f9f9f9;
    color: #333;
}

.playlist-container {
    flex: 1; /* İçerik alanının esnemesini sağlar */
}

footer {
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    margin-top: auto; /* Footer'ı esnek şekilde alta iter */
}

footer .footer-link {
    color: #888; /* Gri metin rengi */
    text-decoration: none; /* Alt çizgiyi kaldırır */
    font-weight: normal;
}

footer .footer-link:hover {
    color: #555; /* Üzerine gelince daha koyu bir gri */
    text-decoration: underline; /* Hover'da alt çizgi */
}