@font-face {
    font-family: 'Circe';
    src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
        url('circe-extrabold.woff2') format('woff2'),
        url('circe-extrabold.woff') format('woff'),
        url('circe-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }

@font-face {
    font-family: 'Circe';
    src: local('Circe Bold'), local('Circe-Bold'),
        url('circe-bold.woff2') format('woff2'),
        url('circe-bold.woff') format('woff'),
        url('circe-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }

@font-face {
    font-family: 'Circe';
    src: local('Circe Regular'), local('Circe-Regular'),
        url('circe.woff2') format('woff2'),
        url('circe.woff') format('woff'),
        url('circe.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
  
@font-face {
    font-family: 'Circe';
    src: local('Circe Light'), local('Circe-Light'),
        url('circe-light.woff2') format('woff2'),
        url('circe-light.woff') format('woff'),
        url('circe-light.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
@font-face {
    font-family: 'Circe';
    src: local('Circe ExtraLight'), local('Circe-ExtraLight'),
        url('circe-extralight.woff2') format('woff2'),
        url('circe-extralight.woff') format('woff'),
        url('circe-extralight.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
@font-face {
    font-family: 'Circe';
    src: local('Circe Thin'), local('Circe-Thin'),
        url('circe-thin.woff2') format('woff2'),
        url('circe-thin.woff') format('woff'),
        url('circe-thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }