@tailwind base;
@tailwind components;
@tailwind utilities;

.tajawal-extralight {
    font-family: "Tajawal", serif;
    font-weight: 200;
    font-style: normal;
}

.tajawal-light {
    font-family: "Tajawal", serif;
    font-weight: 300;
    font-style: normal;
}

.tajawal-regular {
    font-family: "Tajawal", serif;
    font-weight: 400;
    font-style: normal;
}

.tajawal-medium {
    font-family: "Tajawal", serif;
    font-weight: 500;
    font-style: normal;
}

.tajawal-bold {
    font-family: "Tajawal", serif;
    font-weight: 700;
    font-style: normal;
}

.tajawal-extrabold {
    font-family: "Tajawal", serif;
    font-weight: 800;
    font-style: normal;
}

.tajawal-black {
    font-family: "Tajawal", serif;
    font-weight: 900;
    font-style: normal;
}


* {
    font-family: "Tajawal", serif;
}


.light-logo {
    filter: invert(100%) brightness(2);
  opacity: 10;
}

.black-logo {
    filter:invert(1) brightness(2) grayscale(1);
}