:root {
    --animation-duration: 1s;
}

.fade-in {
    animation: fadeIn var(--animation-duration);
    -webkit-animation: fadeIn var(--animation-duration);
    -moz-animation: fadeIn var(--animation-duration);
    -o-animation: fadeIn var(--animation-duration);
    -ms-animation: fadeIn var(--animation-duration);
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}