@font-face {
  font-family: 'AyalaDisplaySans';
  src: url('../fonts/AyalaDisplaySans-Black.ttf') format('truetype');
  font-weight: 900;
  font-stretch: condensed;
  font-display: swap;
}

@font-face {
  font-family: 'AyalaSans';
  src: url('../fonts/AyalaSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-stretch: condensed;
  font-display: swap;
}

@font-face {
  font-family: 'AyalaDisplaySans';
  src: url('../fonts/AyalaDisplaySans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
  font-display: swap;
}

@font-face {
  font-family: 'AyalaSans';
  src: url('../fonts/AyalaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
  font-display: swap;
}

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

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