@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url("libre-franklin-v13-latin-300.woff2") format('woff2'),
       url("libre-franklin-v13-latin-300.woff") format('woff');
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url("libre-franklin-v13-latin-regular.woff2") format('woff2'),
       url("libre-franklin-v13-latin-regular.woff") format('woff');
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: url("libre-franklin-v13-latin-500.woff2") format('woff2'),
       url("libre-franklin-v13-latin-500.woff") format('woff');
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url("libre-franklin-v13-latin-600.woff2") format('woff2'),
       url("libre-franklin-v13-latin-600.woff") format('woff');
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url("libre-franklin-v13-latin-700.woff2") format('woff2'),
       url("libre-franklin-v13-latin-700.woff") format('woff');
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: url("libre-franklin-v13-latin-800.woff2") format('woff2'),
       url("libre-franklin-v13-latin-800.woff") format('woff');
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 900;
  src: url("libre-franklin-v13-latin-900.woff2") format('woff2'),
       url("libre-franklin-v13-latin-900.woff") format('woff');
}