body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --text-16-medium: Poppins;
    --font-archivo: Archivo;
    --font-space-grotesk: "Space Grotesk";
    --font-font-awesome-5-free: "Font Awesome 5 Free";
    --font-inter: Inter;
    --font-montserrat: Montserrat;
    --font-playfair-display: "Playfair Display";
  
    /* font sizes */
    --text-16-medium-size: 16px;
    --text-1-size: 14px;
    --h6-left-size: 20px;
    --font-size-3xl: 22px;
    --font-size-lg: 18px;
    --font-size-19xl: 38px;
    --h4-left-size: 27px;
    --font-size-lgi: 19px;
    --font-size-29xl: 48px;
    --font-size-10xl: 29px;
    --font-size-xs: 12px;
  
    /* Colors */
    --black-white-gray10: #fff;
    --color-black: #000;
    --color-gainsboro-100: #e6e6e6;
    --black-white-gray40: #e0e0e0;
    --secondary: #ddd;
    --color-gainsboro-200: #dbdbdb;
    --color-gainsboro-300: #d9d9d9;
    --color-gray-300: #8f8f8f;
    --color-gray-400: #858080;
    --black-white-gray100: #1f1f1f;
    --color-gray-100: rgba(255, 255, 255, 0.1);
    --color-gray-200: rgba(255, 255, 255, 0.05);
    --color-silver-100: #c3c3c3;
    --black-white-gray50: #c2c2c2;
    --heading: #213430;
    --color-dodgerblue: #4285f4;
    --color-cornflowerblue-100: #5c9eff;
    --color-cornflowerblue-200: rgba(92, 158, 255, 0.09);
    --color-aliceblue-200: #e2e8f0;
    --color-aliceblue-100: rgba(226, 232, 240, 0.5);
    --color-palevioletred-100: #c94480;
    --color-palevioletred-200: rgba(201, 68, 128, 0.2);
    --color-mediumvioletred: rgba(170, 32, 94, 0.25);
    --color-lightgray-100: #c9cfd6;
    --color-lightgray-200: rgba(201, 207, 214, 0.09);
    --black-white-gray20: #f5f5f5;
  
    /* Gaps */
    --gap-41xl: 60px;
    --gap-11xl: 30px;
    --gap-3xs: 10px;
    --gap-mini: 15px;
    --gap-xl: 20px;
    --gap-29xl: 48px;
    --gap-base: 16px;
    --gap-5xs: 8px;
    --gap-13xl: 32px;
    --gap-5xl: 24px;
    --gap-smi: 13px;
    --gap-xs: 12px;
  
    /* Paddings */
    --padding-5xl: 24px;
    --padding-xl: 20px;
    --padding-73xl: 92px;
    --padding-44xl: 63px;
    --padding-41xl: 60px;
    --padding-12xl: 31px;
    --padding-2xs: 11px;
    --padding-lg: 18px;
    --padding-16xl: 35px;
    --padding-lgi: 19px;
    --padding-xs: 12px;
    --padding-12xs: 1px;
    --padding-45xl: 64px;
    --padding-13xl: 32px;
    --padding-274xl: 293px;
    --padding-411xl: 430px;
    --padding-104xl: 123px;
    --padding-162xl: 181px;
    --padding-171xl: 190px;
    --padding-260xl: 279px;
    --padding-4xs: 9px;
    --padding-11xl: 30px;
    --padding-smi: 13px;
    --padding-280xl: 299px;
    --padding-405xl: 424px;
    --padding-107xl: 126px;
    --padding-160xl: 179px;
    --padding-175xl: 194px;
    --padding-257xl: 276px;
    --padding-10xs: 3px;
    --padding-7xl: 26px;
    --padding-3xs: 10px;
    --padding-5xs: 8px;
    --padding-base: 16px;
    --padding-mini: 15px;
    --padding-sm: 14px;
    --padding-3xl: 22px;
    --padding-8xs: 5px;
    --padding-117xl: 136px;
    --padding-7xs: 6px;
    --padding-6xl: 25px;
    --padding-18xl: 37px;
    --padding-2xs-5: 10.5px;
    --padding-lg-5: 18.5px;
  
    /* Border radiuses */
    --br-8xs: 5px;
    --br-smi: 13px;
    --br-7xs: 6px;
    --br-5xs: 8px;
    --br-3xs: 10px;
    --br-12xs: 1px;
    --br-sm: 14px;
  }