@font-face {
  font-display: swap;
  font-family: 'Byrd Simply';
  src: url('../assets/fonts/byrdsimply-regular.woff2') format('woff2'), url('../assets/fonts/byrdsimply-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Byrd Simply';
  src: url('../assets/fonts/byrdsimply-bold.woff2') format('woff2'), url('../assets/fonts/byrdsimply-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Byrd Simply';
  src: url('../assets/fonts/byrdsimply-extrabold.woff2') format('woff2'), url('../assets/fonts/byrdsimply-extrabold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Basis Grotesque Pro';
  src: url('../assets/fonts/BasisGrotesque-Pro-Regular.woff2') format('woff2'), url('../assets/fonts/BasisGrotesque-Pro-Regular.woff') format('woff');
  font-weight: 300;
  font-style: light;
}
@font-face {
  font-display: swap;
  font-family: 'Basis Grotesque Pro';
  src: url('../assets/fonts/BasisGrotesque-Pro-Medium.woff2') format('woff2'), url('../assets/fonts/BasisGrotesque-Pro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'Basis Grotesque Pro';
  src: url('../assets/fonts/BasisGrotesque-Pro-Black.woff2') format('woff2'), url('../assets/fonts/BasisGrotesque-Pro-Black.woff') format('woff');
  font-weight: 900;
  /* Black */
  font-style: normal;
}