@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

body {
    font-family: var(--font-alexandria);
    font-style: normal;
  	margin: 0;
  	line-height: normal;
	direction: rtl;
	text-align:right
}


:root {
  	
  	/* Color */
  	--color-whitesmoke: #f2f2f2;
  	--color-seashell-100: #f9f4ed;
  	--color-seashell-200: #f9f4ec;
  	--color-gray-100: #838383;
  	--color-gray-200: #767575;
  	--color-darkslategray-100: #404040;
  	--color-darkslategray-200: #343434;
  	--color-gray-500: rgba(255, 255, 255, 0.35);
  	--color-gray-600: rgba(21, 21, 21, 0.71);
  	--color-darkgray: #b3b3b3;
  	--color-darkslateblue-100: #0a386b;
  	--color-dimgray: #6f6f6f;
  	--color-white: #fff;
  	--color-darkslateblue-200: rgba(0, 48, 95, 0.11);
  	--color-dodgerblue-100: #147be9;
  	--color-gray-700: rgba(0, 0, 0, 0.65);
  	--color-gray-400: rgba(0, 0, 0, 0.35);
  	--color-gray-300: #041a33;
  	--color-burlywood: #ad8c52;
  	--color-dodgerblue-200: rgba(20, 123, 233, 0.25);
  	--color-mistyrose: #ffe0e0;
  	--color-orangered: #ca0101;
  	
  	/* Padding */
  	--padding-19: 19px;
  	
  	/* BorderRadius */
  	--br-2: 2px;
  	--br-5: 5px;
  	--br-6: 6px;
  	--br-10: 10px;
  	--br-15: 15px;
  	--br-30: 30px;
  	
  	/* Font */
  	--font-alexandria:   "Alexandria", sans-serif;
  	--font-inherit: inherit;
  	--font-tajawal:  "Tajawal", sans-serif;;
  	
  	/* FontSize */
  	--font-size-10: 10px;
  	--font-size-12: 12px;
  	--font-size-14: 14px;
  	--font-size-15: 15px;
  	--font-size-16: 16px;
  	--font-size-18: 18px;
  	--font-size-20: 20px;
  	--font-size-32: 32px;
  	--font-size-36: 36px;
  	--font-size-48: 48px;
  	
}

/**************/