@font-face {
  font-family: 'Halis R';
  src: url('/fonts/HalisR-Regular.otf');
}

@font-face {
  font-family: 'Halis R';
  src: url('/fonts/HalisR-Bold.otf');
  font-weight: bold;
}

@font-face {
  font-family: 'Karla';
  src: url('/fonts/Karla-Regular.ttf');
}

@font-face {
  font-family: 'Karla';
  src: url('/fonts/Karla-Bold.ttf');
  font-weight: bold;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('/fonts/BrandonGrotesque-RegularItalic.otf');
  font-style: italic, oblique;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('/fonts/BrandonGrotesque-BoldItalic.otf');
  font-weight: bold;
  font-style: italic, oblique;
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('/fonts/BrandonGrotesque-Regular.otf');
}

@font-face {
  font-family: 'BrandonGrotesque';
  src: url('/fonts/BrandonGrotesque-Bold.otf');
  font-weight: bold;
}