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

.selected-nav-item{
    @apply bg-primary text-white hover:bg-primary hover:text-white;
}

@font-face {
    font-family: "Elmessiri";
    src: url("/static/fonts/elmessiri-regular.otf");
}

@font-face {
    font-family: "Amiri";
    src: url("/static/fonts/Amiri-Regular.ttf");
}

@font-face {
    font-family: "DroidKufi";
    src: url("/static/fonts/DroidKufi-Regular.ttf");
}

@font-face {
    font-family: "Lateef";
    src: url("/static/fonts/LateefRegOT.ttf");
}

@font-face {
    font-family: "Sheherazade";
    src: url("/static/fonts/ScheherazadeRegOT.ttf");
}

@font-face {
    font-family: "Thabit";
    src : url("../static/fonts/Thabit.ttf");
}