@font-face {
  font-family: ChakraPetch;
  font-style: normal;
  font-weight: normal;
  src: local('ChakraPetch Regular'), local('ChakraPetch-Regular'),
    url('./ChakraPetch-Regular.ttf') format('truetype');
}

@font-face {
  font-family: ChakraPetch;
  font-style: italic;
  font-weight: normal;
  src: local('ChakraPetch Italic'), local('ChakraPetch-Italic'),
    url('./ChakraPetch-Italic.ttf') format('truetype');
}
@font-face {
  font-family: ChakraPetch;
  font-style: normal;
  font-weight: 500;
  src: local('ChakraPetch Medium'), local('ChakraPetch-Medium'),
    url('./ChakraPetch-Medium.ttf') format('truetype');
}

@font-face {
  font-family: ChakraPetch;
  font-style: italic;
  font-weight: 500;
  src: local('ChakraPetch Medium Italic'), local('ChakraPetch-MediumItalic'),
    url('./ChakraPetch-MediumItalic.ttf') format('truetype');
}
@font-face {
  font-family: ChakraPetch;
  font-style: normal;
  font-weight: 600;
  src: local('ChakraPetch SemiBold'), local('ChakraPetch-SemiBold'),
    url('./ChakraPetch-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: ChakraPetch;
  font-style: italic;
  font-weight: 600;
  src: local('ChakraPetch SemiBold Italic'), local('ChakraPetch-SemiBoldItalic'),
    url('./ChakraPetch-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
  font-family: Neopixel;
  src: url('./NEOPIXEL-Regular.woff2') format('woff2'),
    url('./NEOPIXEL-Regular.woff') format('woff'),
    url('./NEOPIXEL-Regular.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: Inter;
  font-weight: regular;
  src: url('./Inter-Regular.ttf') format('truetype');
}