@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(to bottom, #0f172a, #1e293b);
}
/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #4f46e5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6366f1;
}

/* Animation for equalizer bars */
.equalizer {
    display: flex;
    align-items: flex-end;
    height: 20px;
}

.equalizer-bar {
    width: 4px;
    margin: 0 1px;
    background: #4f46e5;
    animation: equalize 1.5s infinite ease-in-out;
}

.equalizer-bar:nth-child(1) {
    height: 60%;
    animation-delay: 0.1s;
}

.equalizer-bar:nth-child(2) {
    height: 30%;
    animation-delay: 0.4s;
}

.equalizer-bar:nth-child(3) {
    height: 75%;
    animation-delay: 0.2s;
}

.equalizer-bar:nth-child(4) {
    height: 45%;
    animation-delay: 0.3s;
}

.equalizer-bar:nth-child(5) {
    height: 60%;
    animation-delay: 0s;
}

@keyframes equalize {
    0%, 100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(0.5);
    }
}