@font-face {
  font-family: 'Stolzl';
  src:
    url('./fonts/Stolzl.otf') format('opentype'),
    url('./fonts/Stolzl.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Light.ttf') format('truetype');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500; /* Medium (optional) */
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
}
@font-face {
  font-family: 'Stolzl-Thin';
  src: url('./fonts/Stolzl_Thin.otf') format('opentype');
  font-weight: 100;
}
@font-face {
  font-family: 'Stolzl-Medium';
  src: url('./fonts/Stolzl_Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Stolzl-Bold';
  src: url('./fonts/Stolzl_Bold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Stolzl-Light';
  src: url('./fonts/Stolzl_Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heebo';
  src:
    url('./fonts/heebo.woff') format('woff'),
    url('./fonts/heebo.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heebo-Thin';
  src: url('./fonts/Heebo-Thin.woff') format('woff');
  font-weight: 100;
}
@font-face {
  font-family: 'Heebo-Medium';
  src: url('./fonts/Heebo-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heebo-Bold';
  src: url('./fonts/Heebo-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Heebo-Light';
  src: url('./fonts/Heebo-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src:
    url('./fonts/roboto.woff') format('woff'),
    url('./fonts/roboto.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}