@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    @font-face {
        font-family: "Outfit", sans-serif;
        src: url('../fonts/Outfit-VariableFont_wght.ttf') format('ttf');
        font-display: swap;
        font-style: normal;
    }
    @font-face {
        font-family: "Open Sans", sans-serif;
        src: url('../fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('ttf');
        font-display: swap;
        font-style: normal;
    }
    @font-face {
        font-family: "Andale Mono", sans-serif;
        src: url('../fonts/Andale Mono.ttf') format('ttf');
        font-display: swap;
        font-style: normal;
    }
}