/* Project styles: only what Tailwind utilities cannot express. */

[x-cloak] {
    display: none !important;
}

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    font-feature-settings: "kern" 1, "liga" 1;
    text-rendering: optimizeLegibility;
}

.balance {
    text-wrap: balance;
}

.pretty {
    text-wrap: pretty;
}

::selection {
    background-color: #0a0a0a;
    color: #ffffff;
}

/* Simple Icons marks stay monochrome, in step with the type */
.si {
    font-size: 0.9em;
    vertical-align: -0.05em;
}