.alphabet-nav {
    scroll-behavior: smooth;
}

.term-card {
    transition: all 0.3s ease;
}

.term-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.letter-section:target {
    animation: highlight 2s ease;
}

@keyframes highlight {
    0% {
        background-color: transparent;
    }

    30% {
        background-color: rgba(20, 109, 82, 0.1);
    }

    100% {
        background-color: transparent;
    }
}

.active-letter {
    background-color: #146d52 !important;
    color: white !important;
}