@font-face {
  font-family: DMSans;
  src: url(Fonts/DMSans-Regular.woff2) format(woff2);
}
@font-face {
  font-family: MerriSans;
  src: url(Fonts/MerriweatherSans-Regular.woff2) format(woff2);
}
@font-face {
  font-family: OpenSans;
  src: url(Fonts/OpenSans-Regular.woff2) format(woff2);
}
@font-face {
  font-family: Tajawal-Bold;
  src: url(Fonts/Tajawal-Bold.woff2) format(woff2);
}
@font-face {
  font-family: Tajawal-Medium;
  src: url(Fonts/Tajawal-Medium.woff2) format(woff2);
}

/* titles */
/* font-family: DMSans, OpenSans, Tajawal-Bold, MerriSans, verdana, Arial, Helvetica, sans-serif; */
/* body text */
/* font-family: OpenSans, MerriSans, Tajawal-Medium, DMSans, verdana, Arial, Helvetica, sans-serif; */
/* titles arabic*/
/* font-family: Tajawal-Bold, verdana, Arial, Helvetica, sans-serif; */
/* body text arabic*/
/* font-family: Tajawal-Medium, verdana, Arial, Helvetica, sans-serif; */

/* :root {
  --step-2: clamp(0.78rem, calc(0.56rem + 0.37vw), 1.44rem);
  --step-1: clamp(0.94rem, calc(0.65rem + 0.48vw), 1.8rem);
  --step0: clamp(1.13rem, calc(0.75rem + 0.63vw), 2.25rem);
  --step1: clamp(1.35rem, calc(0.86rem + 0.81vw), 2.81rem);
  --step2: clamp(1.62rem, calc(0.99rem + 1.05vw), 3.52rem);
  --step3: clamp(1.94rem, calc(1.13rem + 1.36vw), 4.39rem);
  --step4: clamp(2.33rem, calc(1.28rem + 1.76vw), 5.49rem);
  --step5: clamp(2.8rem, calc(1.44rem + 2.26vw), 6.87rem);

  --step6: clamp(7rem, calc(5rem + 4.17vw), 15rem);
} */
/* to use: Font-size: var(--step0); */