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

@font-face {
    font-family: "JetBrains Mono";
    src: url(../assets/JetBrainsMono-Regular.ttf);
}

:root {
    --foreground: #04624f;
    --background: #abfcecdd;
    --current: #00a86b;
    --former: #ff69b4;
}

.dark {
    --foreground: #abfcec;
    --background: #04624fdd;
    --current: rgb(140, 255, 152);
    --former: rgb(255, 148, 253);
}

body::before {
    background: url(https://cdn.nhcarrigan.com/background.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    pointer-events: none;
}

main,
nav {
    color: var(--foreground);
    background-color: var(--background);
    font-family: "JetBrains Mono", monospace;
}

a {
    color: unset;
}

@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
}