@font-face {
	font-family: "Chakra Petch";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./fonts/chakra-petch-500.ttf") format("truetype");
}

@font-face {
	font-family: "Chakra Petch";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("./fonts/chakra-petch-600.ttf") format("truetype");
}

@font-face {
	font-family: "Chakra Petch";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./fonts/chakra-petch-700.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("./fonts/manrope-400.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("./fonts/manrope-500.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("./fonts/manrope-700.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("./fonts/manrope-800.ttf") format("truetype");
}