@font-face {
  font-family: 'Gibson-Light';
  font-display: swap;
  src: url('./Gibson-Light.otf') format('truetype');
}

@font-face {
  font-family: 'Gibson-Medium';
  font-display: swap;
  src: url('./Gibson-Medium.otf') format('truetype');
}

@font-face {
  font-family: 'Gibson-SemiBold';
  font-display: swap;
  src: url('./Gibson-SemiBold.otf') format('truetype');
}

@font-face {
  font-family: 'Gibson-Bold';
  font-display: swap;
  src: url('./Gibson-Bold.otf') format('truetype');
}

@font-face {
  font-family: 'Gibson-Extra-Bold';
  font-display: swap;
  src: url('./Gibson-ExtraBold.otf') format('truetype');
}

@font-face {
  font-family: 'Graphik-Medium';
  font-display: swap;
  src: url('./Graphik-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Graphik-SemiBold';
  font-display: swap;
  src: url('./Graphik-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'Graphik-Regular';
  font-display: swap;
  src: url('./Graphik-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Graphik-Bold';
  font-display: swap;
  src: url('./Graphik-Bold.ttf') format('truetype');
}