@font-face {
  font-family: 'Nexa';
  src: local('Nexa Light'), local('NexaLight'),
    url('/fonts/NexaLight.woff2') format('woff2'),
    url('/fonts/NexaLight.woff') format('woff'),
    url('/fonts/NexaLight.ttf') format('truetype'),
    url('/fonts/NexaLight.otf') format('opentype'),
    url('/fonts/NexaLight.svg#NexaLight') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nexa';
  src: local('Nexa Bold'), local('Nexa-Bold'),
    url('/fonts/Nexa-Bold.woff2') format('woff2'),
    url('/fonts/Nexa-Bold.woff') format('woff'),
    url('/fonts/Nexa-Bold.ttf') format('truetype'),
    url('/fonts/Nexa-Bold.svg#Nexa-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nexa';
  src: local('Nexa Regular'), local('Nexa-Regular'),
    url('/fonts/Nexa-Regular.woff2') format('woff2'),
    url('/fonts/Nexa-Regular.woff') format('woff'),
    url('/fonts/Nexa-Regular.ttf') format('truetype'),
    url('/fonts/Nexa-Regular.svg#Nexa-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nexa';
  src: local('Nexa XBold'), local('Nexa-XBold'),
    url('/fonts/Nexa-XBold.woff2') format('woff2'),
    url('/fonts/Nexa-XBold.woff') format('woff'),
    url('/fonts/Nexa-XBold.ttf') format('truetype'),
    url('/fonts/Nexa-XBold.svg#Nexa-XBold') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}