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

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/jetbrains-mono/JetBrainsMono-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/jetbrains-mono/JetBrainsMono-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 800;
    font-style: italic;
    font-display: swap;
}

.mono {
    font-family: 'JetBrains Mono', monospace;
}

.cursor-blink {
    display: inline-block;
    animation: blink 1s steps(2, start) infinite;
    color: #22c55e;
}

    .cursor-blink::after {
        content: "_";
    }

@keyframes blink {
    to {
        visibility: hidden;
    }
}