@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-ExtraLight.ttf);
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-ExtraLightItalic.ttf);
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-Light.ttf);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-LightItalic.ttf);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-Medium.ttf);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-SemiBold.ttf);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-ExtraBold.ttf);
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(./plus-jakarta-sans/PlusJakartaSans-ExtraBoldItalic.ttf);
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-Light.ttf);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-LightItalic.ttf);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-Italic.ttf);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-Medium.ttf);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-MediumItalic.ttf);
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-SemiBold.ttf);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-SemiBoldItalic.ttf);
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Chakra Petch";
  src: url(./chakra-petch/ChakraPetch-BoldItalic.ttf);
  font-weight: 700;
  font-style: italic;
}