JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Test</h1>

CSS

body { 
    background: #fff;
    font: normal normal 12px/1.5em; 
    font-family: 'Arial Unicode MS', Helvetica, sans-serif;
}

h1 {
    color: #fff;
    display:block;
    width:30px;
    font-size: 31px;
    font-weight: bold;
    text-shadow: -3px -3px .7px #87b03b,
    -3px 0px .7px #87b03b, 
    -3px 3px .7px #87b03b, 
    3px -3px .7px #87b03b, 
    3px 0px .7px #87b03b, 
    3px 3px .7px #87b03b, 
    0px -3px .7px #87b03b, 
    0px 3px .7px #87b03b, 
    -2px -3px .7px #87b03b, 
    -2px 3px .7px #87b03b, 
    2px -3px .7px #87b03b, 
    2px 3px .7px #87b03b, 
    3px -2px .7px #87b03b, 
    3px 2px .7px #87b03b, 
    -3px -2px .7px #87b03b, 
    -3px 2px .7px #87b03b; 
    /*filter: glow(color=#87b03b,strength=3);*/
    filter: Dropshadow(offx=2,offy=2,color=#87b03b); 
}