@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 900; 
  src: var(--font-black) format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 700; 
  src: var(--font-bold) format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'Erka1';
  font-style: normal;
  font-weight: 700; 
  src: var(--font-erka) format('woff2');
} 

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 500;
  src: var(--font-medium) format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 400;
  src: var(--font-regular) format('woff2');
} 

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 300;
  src: var(--font-light) format('woff2');
}

@font-face {
  font-display: swap; 
  font-family: 'CeraPro';
  font-style: normal;
  font-weight: 200;
  src: var(--font-thin) format('woff2');
}