@font-face {
  font-family: 'Bricolage Grotesque';
  font-display: swap;
  src:
    url('/fonts/bricolage.grotesque.regular.woff2') format('woff2'),
    url('/fonts/bricolage.grotesque.regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-optical-sizing: auto;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-display: swap;
  src:
    url('/fonts/bricolage.grotesque.light.woff2') format('woff2'),
    url('/fonts/bricolage.grotesque.light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-optical-sizing: auto;
}

@font-face {
  font-family: 'Bricolage Grotesque';
  font-display: swap;
  src:
    url('/fonts/bricolage.grotesque.bold.woff2') format('woff2'),
    url('/fonts/bricolage.grotesque.bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  font-optical-sizing: auto;
}
