JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Inset Text Shadow</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam velit mauris, porttitor ac posuere at, tempor in neque. Fusce non nisi eleifend, placerat tellus non, tristique dui. Nam quis urna tincidunt orci vulputate convallis. Nunc diam sem, lacinia id varius et, lobortis non mauris. Ut sagittis erat turpis, ac lobortis lorem ullamcorper posuere. Integer ut dolor fringilla, lobortis mi quis, cursus diam. Nulla ultricies ante non massa laoreet faucibus.<br><br>
&copy; &reg; &trade; &dagger;<!-- your computer may not render these: dagger, checkmark, apple --> ✔ ⌘  

CSS

body {
    background: #f3f2ef;
    color: rgba(162, 157, 148, 0.5);
    /*Text needs to be transparent so shadow can be seen*/
    text-shadow: 1px 1px 3px #EBE8E1, 0 0 0 rgba(0, 0, 0, .7), 0 1px 0 #FFF;
    /*initial shadow top inset effect, hides the insides of the first shadow, to make the text pop*/
    font: bold 16pt/1 HelveticaNeue, Arial, sans-serif;
}