@font-face {

    font-family: "Cairo";

    src: url("../fonts/Cairo-Regular.ttf") format("truetype");

    font-weight:400;

}

@font-face {

    font-family: "Cairo";

    src: url("../fonts/Cairo-SemiBold.ttf") format("truetype");

    font-weight:600;

}

@font-face {

    font-family: "Cairo";

    src: url("../fonts/Cairo-Bold.ttf") format("truetype");

    font-weight:700;

}

body{

    font-family:"Cairo",sans-serif;

    direction:rtl;

    color:var(--text);

    background:var(--body);

}