body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-poppins: Poppins;
    --font-pacifico: Pacifico;
    --font-italiana: Italiana;
    --font-great-vibes: "Great Vibes";
    --font-alex-brush: "Alex Brush";
  
    /* font sizes */
    --font-size-5xl: 24px;
    --font-size-lgi: 19px;
    --font-size-10xl: 29px;
    --font-size-13xl: 32px;
    --font-size-7xl: 26px;
    --font-size-21xl: 40px;
    --font-size-29xl: 48px;
    --font-size-19xl: 38px;
  
    /* Colors */
    --color-midnightblue: #150f3a;
    --color-white: #fff;
    --color-gray-100: #1e1e1e;
  
    /* Gaps */
    --gap-lg: 18px;
    --gap-17xl: 36px;
    --gap-xl: 20px;
  
    /* Paddings */
    --padding-13xl: 32px;
    --padding-7xs: 6px;
    --padding-base: 16px;
    --padding-7xl: 26px;
    --padding-77xl: 96px;
    --padding-21xl: 40px;
    --padding-xl: 20px;
    --padding-173xl: 192px;
    --padding-6xl: 25px;
    --padding-4xs: 9px;
  }