@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');


body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --body-reg: Inter;
    --font-roboto: Roboto;
    --font-poppins: Poppins;
    --font-audiowide: Audiowide;
    --font-urbanist: Urbanist;
  
    /* font sizes */
    --font-size-sm: 14px;
    --body-reg-size: 16px;
    --body-med-size: 18px;
    --font-size-xl: 20px;
    --heading-h5-size: 24px;
    --body-reg2-size: 10px;
    --body-reg1-size: 12px;
    --font-size-5xs: 8px;
    --heading-h4-size: 32px;
    --font-size-7xl: 26px;
    --font-size-lgi: 19px;
    --font-size-15xl: 34px;
    --heading-h3-size: 42px;
    --font-size-6xl: 25px;
    --font-size-57xl: 76px;
    --font-size-27xl: 46px;
    --font-size-42xl: 61px;
    --font-size-29xl: 48px;
    --font-size-10xl: 29px;
    --font-size-19xl: 38px;
  
    /* Colors */
    --color-black: #000;
    --color-gray-600: rgba(255, 255, 255, 0.4);
    --color-gray-100: rgba(255, 255, 255, 0.2);
    --color-gray-200: rgba(255, 255, 255, 0.9);
    --color-gray-300: rgba(255, 255, 255, 0.1);
    --color-gray-400: rgba(255, 253, 253, 0.1);
    --color-gray-500: rgba(255, 255, 255, 0.6);
    --color-white: #fff;
    --color-gainsboro-100: #e6e6e6;
    --color-gainsboro-500: rgba(217, 217, 217, 0.1);
    --color-gainsboro-200: rgba(217, 217, 217, 0.3);
    --color-gainsboro-300: rgba(230, 230, 230, 0.1);
    --color-gainsboro-400: rgba(217, 217, 217, 0.5);
    --color-red: #ef0000;
    --color-slateblue: #565aba;
    --color-mediumpurple: #7d80e0;
    --color-whitesmoke: #eee;
    --color-mediumorchid: rgba(196, 113, 247, 0.4);
  
    /* Gaps */
    --gap-base: 16px;
    --gap-7xs: 6px;
    --gap-21xl: 40px;
    --gap-5xl: 24px;
    --gap-smi-7: 12.7px;
    --gap-5xs: 8px;
    --gap-3xs: 10px;
    --gap-9xs: 4px;
    --gap-mini: 15px;
    --gap-xs: 12px;
    --gap-11xs: 2px;
    --gap-61xl: 80px;
    --gap-xl: 20px;
    --gap-lg: 18px;
    --gap-6xl: 25px;
    --gap-17xl: 36px;
    --gap-81xl: 100px;
    --gap-31xl: 50px;
    --gap-2xs-7: 10.7px;
    --gap-112xl: 131px;
    --gap-46xl: 65px;
    --gap-14xl: 33px;
    --gap-2xs: 11px;
    --gap-101xl: 120px;
    --gap-11xl: 30px;
    --gap-41xl: 60px;
    --gap-lg-7: 18.7px;
  
    /* Paddings */
    --padding-base: 16px;
    --padding-21xl: 40px;
    --padding-xl: 20px;
    --padding-base-1: 16.1px;
    --padding-61xl: 80px;
    --padding-5xl: 24px;
    --padding-9xs: 4px;
    --padding-xs: 12px;
    --padding-12xs: 1px;
    --padding-sm: 14px;
    --padding-smi: 13px;
    --padding-17xl: 36px;
    --padding-3xl: 22px;
    --padding-7xs: 6px;
    --padding-mini: 15px;
    --padding-10xs: 3px;
    --padding-6xs: 7px;
    --padding-3xs: 10px;
    --padding-5xs: 8px;
    --padding-13xl: 32px;
    --padding-33xl: 52px;
    --padding-14xl: 33px;
    --padding-lgi: 19px;
    --padding-11xs-5: 1.5px;
    --padding-15xl: 34px;
    --padding-40xl: 59px;
    --padding-4xs: 9px;
    --padding-24xl: 43px;
    --padding-2xs: 11px;
    --padding-31xl: 50px;
    --padding-2xl: 21px;
    --padding-7xl: 26px;
    --padding-4xs-5: 8.5px;
    --padding-8xs: 5px;
    --padding-81xl: 100px;
    --padding-46xl: 65px;
    --padding-23xl: 42px;
    --padding-11xs: 2px;
    --padding-8xs-9: 4.9px;
    --padding-88xl: 107px;
    --padding-34xl: 53px;
    --padding-42xl-5: 61.5px;
    --padding-239xl: 258px;
    --padding-1428xl: 1447px;
    --padding-704xl: 723px;
    --padding-90xl: 109px;
    --padding-342xl: 361px;
    --padding-149xl: 168px;
    --padding-8xl: 27px;
    --padding-mid: 17px;
    --padding-4xl: 23px;
    --padding-71xl: 90px;
    --padding-39xl: 58px;
  
    /* Border radiuses */
    --br-5xl: 24px;
    --br-31xl: 50px;
    --br-base: 16px;
    --br-17xl: 36px;
    --br-12xs-5: 0.5px;
    --br-11xs: 2px;
    --br-5xs: 8px;
    --br-xs: 12px;
    --br-29xl: 48px;
    --br-81xl: 100px;
  }