body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-inter: Inter;
  --font-noto-sans-arabic: "Noto Sans Arabic";

  /* font sizes */
  --font-size-10xl-6: 29.6px;
  --font-size-16xl-4: 35.4px;
  --font-size-21xl-1: 40.1px;
  --font-size-29xl-3: 48.3px;
  --font-size-50xl-1: 69.1px;
  --font-size-21xl-4: 40.4px;
  --font-size-9xl-4: 28.4px;
  --font-size-68xl-6: 87.6px;
  --font-size-38xl-2: 57.2px;
  --font-size-16xl-6: 35.6px;
  --font-size-46xl-1: 65.1px;
  --font-size-7xl-7: 26.7px;
  --font-size-6xl-8: 25.8px;

  /* Colors */
  --color-white: #fff;
  --color-black: #000;
  --color-gray-100: #778179;
  --color-gray-200: #3f2717;
  --color-gray-300: #3f2511;
  --color-gray-400: #441d15;
  --color-dimgray-200: #835a66;
  --color-dimgray-100: #586059;
  --color-steelblue: #1c4a7c;
  --color-teal: #008181;
  --color-saddlebrown: #662f0a;
  --color-darkslateblue: #1c3081;
  --color-darkgreen: #1b6620;

  /* Border radiuses */
  --br-4xl-8: 23.8px;
}