/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

  /* Global Styles Which Can Be Editible With The Colour Picker */

body {
	margin: 0;
	line-height: normal;
  }
  
  :root {
	/* fonts */
	--font-inter: Inter;
  
	/* font sizes */
	--font-size-11xl: 30px;
	--font-size-lg: 18px;
	--font-size-5xl: 24px;
	--font-size-29xl: 48px;
	--font-size-xl: 20px;
	--font-size-13xl: 32px;
	--font-size-base: 16px;
	--font-size-34xl-7: 53.7px;
	--font-size-lgi-7: 19.7px;
	--font-size-smi-5: 12.5px;
	--font-size-sm: 14px;
	--font-size-17xl: 36px;
	--font-size-2xl: 21px;
	--font-size-6xl-8: 25.8px;
	--font-size-8xl: 27px;
	--font-size-3xl: 22px;
	--font-size-mid: 17px;
	--font-size-4xs-1: 8.1px;
	--font-size-2xs-4: 10.4px;
	--font-size-base-6: 15.6px;
	--font-size-3xs-3: 9.3px;
  
	/* Colors */
	--color-white: #fff;
	--color-darkslategray-100: #343844;
	--color-darkslategray-200: rgba(52, 56, 68, 0.1);
	--color-darkslategray-300: rgba(52, 56, 68, 0.2);
	--color-darkslategray-400: rgba(52, 56, 68, 0.3);
	--color-gray-100: #27292f;
	--color-gray-200: #25272c;
	--color-gray-300: #101f30;
	--color-gray-400: rgba(0, 0, 0, 0.2);
	--color-gray-500: rgba(255, 255, 255, 0.9);
	--color-yellowgreen-100: #87d349;
	--color-yellowgreen-200: #6ab82b;
	--color-lavender: #e0e0eb;
	--color-gainsboro: #d9d9d9;
	--color-silver: #c2c3c7;
	--color-black: #000;
	--color-whitesmoke: #f3f3f3;
	--color-forestgreen: #44a333;
	--color-darkerforestgreen: #307325;
	--color-lightslategray-100: #808892;
	--color-lightslategray-200: #7f8791;
	--color-crimson-100: #d63638;
	--color-crimson-200: #ea2727;
  
	/* Border radiuses */
	--br-mini: 15px;
	--br-3xs: 10px;
	--br-10xs: 3px;
	--br-xl: 20px;
	--br-5xs-2: 7.2px;
	--br-6xl-5: 25.5px;
	--br-7xs-8: 5.8px;
	--br-5xs: 8px;
	--br-8xs: 5px;
	--br-12xs: 1px;
	--br-31xl: 50px;
	--br-9xs: 4px;
	--br-4xs-7: 8.7px;
  }