.slide-ni-from-left-1 {
     animation: fade-in-text 800ms ease-in 200ms forwards;
     opacity: 0;
     color: var(--textLight);
     /* transform: translateX(-100%); */
 }
 .slide-ni-from-left-2 {
     animation: fade-in-text 800ms ease-in 1000ms forwards;
     opacity: 0;
     color: var(--textLight);
     /* transform: translateX(-100%); */
 }
 .slide-ni-from-left-3 {
     animation: fade-in-text 800ms ease-in 1800ms forwards;
     opacity: 0;
     color: var(--textLight);
     /* transform: translateX(-100%); */
 }
 
 @keyframes slide-in-text {
     0% {
         transform: translateX(-100%);
         opacity: 0;
     }
     100% {
         transform: translateX(0);
         opacity: 1;
     }
 }
.fade-in-button {
    animation: fade-in-text 2000ms 2500ms forwards;
    opacity: 0;
}

 @keyframes fade-in-text {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}