JSFiddle - React, Tailwind, and code Playground

by bersbers

HTML

<body style='
        background-color: rgb(50,101,152);
        color: red;
        text-decoration-color: red;
        text-decoration-style: solid;
        font-size: 12px;
        font-weight: 700;
        font-family: "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif;
        --shadow-color: lightgray;
        --shadow-size: 8px;
        text-shadow: 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color), 0px 0px var(--shadow-size) var(--shadow-color);
    '>
    <span>
    This is less hard to read!
    </span>
</body>