@font-face {
  font-family: 'Bree CYR Variable';
  src: 
    url('../fonts/Bree-CYR-Var-Regular.woff2') format('woff2'),
    url('../fonts/Bree-CYR-Var-Regular.woff') format('woff'),
    url('../fonts/Bree-CYR-Var-Regular.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bree CYR Variable';
  src: 
    url('../fonts/Bree-CYR-Var-Oblique.woff2') format('woff2'),
    url('../fonts/Bree-CYR-Var-Oblique.woff') format('woff'),
    url('../fonts/Bree-CYR-Var-Oblique.ttf') format('truetype');
  font-weight: 100 800;
  font-style: italic;
  font-display: swap;
}