@font-face {
  font-family: 'Outfit-Reg';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Outfit-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Outfit-Medium';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Outfit-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Outfit-Black';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/Outfit-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Graphik-Regular';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/Graphik-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Graphik-Medium';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/Graphik-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Graphik-Bold';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/Graphik-Bold.otf') format('opentype');
}

@font-face {
  font-family: 'MyriadPro-Regular';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
}

@font-face {
  font-family: 'MyriadPro-Medium';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
}

@font-face {
  font-family: 'MyriadPro-Bold';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/MYRIADPRO-BOLD.OTF') format('opentype');
}