@font-face {
    font-family: 'ArabCodeWeek Menu';
    src: url('fonts/ArabCodeWeekMenu.woff2') format('woff2'),
        url('fonts/ArabCodeWeekMenu.woff') format('woff'),
        url('fonts/ArabCodeWeekMenu.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'ArabCodeWeek Menu2';
    src: url('fonts/ArabCodeWeekMenu2.woff2') format('woff2'),
        url('fonts/ArabCodeWeekMenu2.woff') format('woff'),
        url('fonts/ArabCodeWeekMenu2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArabCodeWeek Title';
    src: url('fonts/ArabCodeWeekTitle.woff2') format('woff2'),
        url('fonts/ArabCodeWeekTitle.woff') format('woff'),
        url('fonts/ArabCodeWeekTitle.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArabCodeWeek Text';
    src: url('fonts/ArabCodeWeek-Text.woff2') format('woff2'),
        url('fonts/ArabCodeWeek-Text.woff') format('woff'),
        url('fonts/ArabCodeWeek-Text.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}