body {
    background: rgba(255, 210, 30, 0.85);
}
/* Timeline item animations */
.timeline-item {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.timeline-wrapper {
    background: transparent !important;
}
.timeline-item.visible {
    opacity: 1;
    transform: translateY(0);
}

#timeline-container {
    background: transparent !important;
}
/* 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;
}