@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src:url('Fraunces-300-italic.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:url('Fraunces-400-italic.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src:url('Fraunces-500-italic.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:url('Fraunces-300-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url('Fraunces-400-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url('Fraunces-500-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src:url('Spectral-300-italic.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:url('Spectral-400-italic.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:url('Spectral-300-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url('Spectral-400-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url('Spectral-500-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:url('JetBrainsMono-300-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url('JetBrainsMono-400-normal.woff2') format('woff2');
  
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url('JetBrainsMono-500-normal.woff2') format('woff2');
  
}