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

header, #cover, main, footer {
    opacity: 0; /* Initially hidden */
    animation: fadeIn ease-in 1s;
    animation-fill-mode: forwards;
}

header {
    animation-delay: 0.5s;
}

#cover {
    animation-delay: 1s;
}

main {
    animation-delay: 1.5s;
}

footer {
    animation-delay: 2s;
}