/* Timeline item animations */
.timeline-item {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.timeline-item.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Button hover effects */
#downloadPng:hover, #generateGif:hover, #downloadGif:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease;
}

#downloadPng:hover {
    background: #ff8c42 !important;
}

#generateGif:hover {
    background: #ffe050 !important;
}

#downloadGif:hover {
    background: #ff8c42 !important;
}