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

@font-face {
    font-family: 'Tajawal';
    src: url("/static/fonts/Tajawal-ExtraBold.ttf") format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Cairo';
    src: url("/static/fonts/Cairo-VariableFont_slnt_wght.ttf") format('truetype');
    font-weight: 1 900;
}

body {
    direction: rtl;
    font-family: 'Tajawal';
    line-height: 1.7em;
    font-size: 2rem;
    font-weight: 500;
}

a.logo {
    font-family: 'Cairo';
}

nav.navbar ul li a {    
    font-family: 'Cairo';
}

h1.hero-title {
    font-family: 'Cairo';
    line-height: 1.5em;
}

.content-title {
    font-family: 'Cairo';
}

footer {
    font-family: 'Tajawal';
    font-weight: 600;
}

a.hero-button {
    font-family: 'Cairo';
    padding: 0.5em 1.5em;
}