@font-face {
  font-family: 'Tajawal';
  src: url('./fonts/Tajawal-Regular.ttf') format('truetype');
  font-weight: 400;
}


@font-face {
  font-family: 'Tajawal';
  src: url('./fonts/Tajawal-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Tajawal';
  src: url('./fonts/Tajawal-Bold.ttf') format('truetype');
  font-weight: 700;
}
@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.2s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}