@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}
  
.fade-in {
    animation: fadeIn 0.3s ease forwards;
}