@layer global {
    @font-face {
        font-family: "cp-semibold";
        src: url("assets/fonts/chakra-petch/chakra-petch-semibold.ttf");
    }

    @font-face {
        font-family: "cp-bold";
        src: url("assets/fonts/chakra-petch/chakra-petch-bold.ttf");
    }

    @font-face {
        font-family: "jb-mono";
        src: url("assets/fonts/jetbrains-mono/jetbrains-mono-variable.ttf");
    }


    * {
        /*padding: 0;  Can conflict with tailwind.js*/
        /*margin: 0;  Can conflict with tailwind.js*/
        box-sizing: border-box;
    }

    html {
        scroll-behavior: smooth;
    }

    :root {
        list-style: none;
        font-family: jb-mono, sans-serif;
    }
}