:root {
  /* fonts */
  --font-font-awesome-5-brands: "Font Awesome 5 Brands";
  --font-montserrat: Montserrat;
  --font-weezerfont: WeezerFont;
  --font-nunito-sans: "Nunito Sans";
  --captions-2: "Spline Sans";
  --text: Inter;
  --font-helvetica-neue: "Helvetica Neue";
  --font-lato: Lato;
  --font-font-awesome-5-free: "Font Awesome 5 Free";
  --font-pangea-afrikan-trial: "Pangea Afrikan Trial";

  /* font sizes */
  --font-size-lgi-5: 19.5px;
  --font-size-base-3: 15.3px;
  --font-size-xs: 12px;
  --font-size-29xl: 48px;
  --button-size: 18px;
  --text-size: 16px;
  --font-size-xl: 20px;
  --font-size-9xl: 28px;
  --captions-2-size: 14px;
  --font-size-5xl: 24px;
  --font-size-15xl: 34px;
  --font-size-2xs-3: 10.3px;
  --font-size-3xs: 10px;
  --font-size-7xl-1: 26.1px;
  --font-size-mini-8: 14.8px;
  --font-size-mini-3: 14.3px;
  --font-size-6xl: 25px;
  --font-size-11xl: 30px;
  --font-size-mini: 15px;
  --menu-title-size: 32px;

  /* Colors */
  --white: #fff;
  --color-gray-100: #1e1e1e;
  --color-gray-200: #101828;
  --color-gray-300: #141414;
  --color-gainsboro-100: #d9d9d9;
  --color-darkslateblue-100: #622e6b;
  --color-darkslateblue-200: #632b6a;
  --headings: #201c44;
  --secondary: #f4b100;
  --white-brand-color: #dceeff;
  --color-whitesmoke-100: #f2f2f2;
  --color-black: #000;
  --dark-green-buttons: #3a4f39;
  --black-fonts-headings: #2d2e2e;
  --color-lavenderblush: #f5eef6;
  --color-silver: #bbb;
  --orange: #fd8500;
  --color-lightgray: #d2d6dc;
  --primary-color-green: #10c843;

  /* Gaps */
  --gap-2xl: 21px;
  --gap-4xl: 23px;
  --gap-21xl: 40px;
  --gap-xl: 20px;
  --gap-lg: 18px;
  --gap-3xs: 10px;
  --gap-7xs-1: 5.1px;
  --gap-xs: 12px;
  --gap-base: 16px;
  --gap-5xs: 8px;

  /* Paddings */
  --padding-31xl: 50px;
  --padding-base: 16px;
  --padding-xl: 20px;
  --padding-lgi: 19px;
  --padding-37xl: 56px;
  --padding-mid: 17px;
  --padding-8xs: 5px;
  --padding-11xl: 30px;

  /* Border radiuses */
  --br-3xs: 10px;
  --br-xl: 20px;
  --br-81xl: 100px;
  --br-smi-8: 12.8px;
  --br-xs: 12px;
  --br-17xl: 36px;
  --br-980xl: 999px;
  --br-9xs: 4px;
}

body {
  margin: 0;
  line-height: normal;
  font-family: var(--font-montserrat) !important;
  overflow-x: hidden;
}