.text-rainbow {
    background: linear-gradient(90deg,
            red,
            orange,
            yellow,
            green,
            blue,
            indigo,
            violet);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.1px #1a1a1a;
}

.invisible-underline {
    color: transparent;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-color: #7a7a7a;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: none;
}

.mono-text {
    font-family:
        'Fira Code',
        /* Web font */
        'SF Mono',
        /* macOS & iOS */
        'Menlo',
        /* macOS */
        'Monaco',
        /* older macOS */
        'Consolas',
        /* Windows */
        'Liberation Mono',
        /* Linux */
        'Courier New',
        /* fallback */
        monospace;
}