@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(HeptaSlab-Black.woff) format('woff'),
       url(HeptaSlab-Black.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(HeptaSlab-ExtraBold.woff) format('woff'),
       url(HeptaSlab-ExtraBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(HeptaSlab-Bold.woff) format('woff'),
       url(HeptaSlab-Bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(HeptaSlab-SemiBold.woff) format('woff'),
       url(HeptaSlab-SemiBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(HeptaSlab-Medium.woff) format('woff'),
       url(HeptaSlab-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(HeptaSlab-Regular.woff) format('woff'),
       url(HeptaSlab-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(HeptaSlab-Light.woff) format('woff'),
       url(HeptaSlab-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Hepta Slab';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(HeptaSlab-ExtraLight.woff) format('woff'),
       url(HeptaSlab-ExtraLight.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 200;
    src: url(Outfit-ExtraLight.woff) format('woff'),
         url(Outfit-ExtraLight.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 300;
    src: url(Outfit-Light.woff) format('woff'),
         url(Outfit-Light.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
    src: url(Outfit-Regular.woff) format('woff'),
         url(Outfit-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 500;
    src: url(Outfit-Medium.woff) format('woff'),
         url(Outfit-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
    src: url(Outfit-SemiBold.woff) format('woff'),
         url(Outfit-SemiBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 600;
    src: url(Outfit-SemiBold.woff) format('woff'),
         url(Outfit-SemiBold.woff2) format('woff2');
}


@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 700;
    src: url(Outfit-Bold.woff) format('woff'),
         url(Outfit-Bold.woff2) format('woff2');
}


@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 800;
    src: url(Outfit-ExtraBold.woff) format('woff'),
         url(Outfit-ExtraBold.woff2) format('woff2');
}

@font-face {
  font-family: 'Outfit';
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
  font-weight: 900;
    src: url(Outfit-Black.woff) format('woff'),
         url(Outfit-Black.woff2) format('woff2');
}