/* Smooth appearing animation */
.navbar {
    animation: slideDown 0.5s ease;
}

.box1, #uploadSection {
    animation: fadeIn 0.8s ease;
    animation-fill-mode: both;
}

.box1 { animation-delay: 0.2s; }
#uploadSection { animation-delay: 0.4s; }

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}