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

/* fonts */
--font-manrope: Manrope;
--font-poppins: Poppins;

/* font sizes */
--font-size-sm: 14px;
--font-size-base: 16px;
--font-size-lg: 18px;

/* Colors */
--color-white: #fff;
--color-gray-100: #351821;
--color-gray-200: #0a0a0a;
--color-thistle: rgba(245, 203, 223, 0.1);
--color-palevioletred-100: #a85970;
--color-palevioletred-200: #82324b;
--black: #000;
--color-lavenderblush: #fbf0f6;
--color-gainsboro: #e6e6e6;
--color-pink: #f3c1da;
--color-dimgray-100: rgba(107, 107, 107, 0.1);

/* Gaps */
--gap-xl: 20px;
--gap-21xl: 40px;
--gap-3xl: 22px;
--gap-base: 16px;
--gap-2xl: 21px;
--gap-11xl: 30px;
--gap-3xs: 10px;
--gap-32xl: 51px;
--gap-6xl: 25px;
--gap-4xl: 23px;

/* Paddings */
--padding-26xl: 45px;
--padding-base: 16px;
--padding-xl: 20px;
--padding-2xl: 21px;
--padding-19xl: 38px;
--padding-3xs: 10px;
--padding-13xl: 32px;
--padding-5xs: 8px;
--padding-30xl: 49px;
--padding-9xs: 4px;
--padding-3xs-5: 9.5px;
--padding-27xl: 46px;
--padding-mid: 17px;
--padding-mini: 15px;
--padding-11xs: 2px;
--padding-4xl: 23px;

/* Border radiuses */
--br-7xl: 26px;
--br-lg: 18px;

}