/* ---------- Animation ---------- */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInMoveUp 1s ease forwards;
}

@keyframes fadeInMoveUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


//..........

@keyframes fadeInOut {
  0% { opacity: 0; transform: translateY(20px); }
  10%, 90% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(20px); }
}