@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'chakra_petchlight';
  src: url('chakrapetch-light-webfont.eot');
  src: url('chakrapetch-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('chakrapetch-light-webfont.woff2') format('woff2'),
    url('chakrapetch-light-webfont.woff') format('woff'),
    url('chakrapetch-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'chakra_petchregular';
  src: url('chakrapetch-regular-webfont.eot');
  src: url('chakrapetch-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('chakrapetch-regular-webfont.woff2') format('woff2'),
    url('chakrapetch-regular-webfont.woff') format('woff'),
    url('chakrapetch-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'chakra_petchmedium';
  src: url('chakrapetch-medium-webfont.eot');
  src: url('chakrapetch-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('chakrapetch-medium-webfont.woff2') format('woff2'),
    url('chakrapetch-medium-webfont.woff') format('woff'),
    url('chakrapetch-medium-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'chakra_petchsemibold';
  src: url('chakrapetch-semibold-webfont.eot');
  src: url('chakrapetch-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('chakrapetch-semibold-webfont.woff2') format('woff2'),
    url('chakrapetch-semibold-webfont.woff') format('woff'),
    url('chakrapetch-semibold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'chakra_petchbold';
  src: url('chakrapetch-bold-webfont.eot');
  src: url('chakrapetch-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('chakrapetch-bold-webfont.woff2') format('woff2'),
    url('chakrapetch-bold-webfont.woff') format('woff'),
    url('chakrapetch-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}