title: Why isn’t the text-shadow CSS property working here?
body: <p>I am trying to apply a nice text shadow to two words, but it seems that the CSS isn’t doing anything. See <a href="http://jsfiddle.net/jct0vf0z/" rel="nofollow">this jsFiddle</a>.</p>
  
  <pre><code>&lt;p id="np"&gt;Nakshatro Production&lt;/p&gt;
  </code></pre>
  
  <pre class="lang-css prettyprint-override"><code>#np {
      text-shadow: -0px 0px 1px 0 hsl(20, 100%, 16%),
                   -2px 2px 2px -1px hsl(20, 100%, 14%),
                   -4px 4px 2px -2px hsl(20, 100%, 12%),
                   -6px 6px 3px -3px hsl(20, 100%, 10%),
                   -8px 8px 2px -4px hsl(20, 100%, 8%),
                   -10px 10px 2px -5px hsl(20, 100%, 6%);
  }
  </code></pre>