@font-face { font-family: "Big Shoulders Display"; font-weight: 800; font-style: normal; src: url("BigShouldersDisplay-800.ttf") format("truetype"); }
@font-face { font-family: "Newsreader"; font-weight: 400; font-style: normal; src: url("Newsreader-400.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; src: url("IBMPlexMono-400.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; src: url("IBMPlexMono-500.ttf") format("truetype"); }
@font-face { font-family: "Chakra Petch"; font-weight: 400; font-style: normal; font-display: swap; src: url("ChakraPetch-Regular.ttf") format("truetype"); }
@font-face { font-family: "Chakra Petch"; font-weight: 500 600; font-style: normal; font-display: swap; src: url("ChakraPetch-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Chakra Petch"; font-weight: 700 800; font-style: normal; font-display: swap; src: url("ChakraPetch-Bold.ttf") format("truetype"); }