JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box">
<h1>Slick effects with CSS3 box-shadow</h1>
<p class="inner">Note the top shadow applied to the body and also the drop shadow added to this box.</p>
</div>

CSS

body
	{

		text-align: center;
	} 
		 
	 h1
	{
	  font-family: 'Allan', serif;
	  text-shadow: 0 1px 0 rgba(255,255,255,.5);
	  margin: 20px 0;
	}
	.inner{
	  background: grey;
	 text-shadow: 0 1px 0 rgba(255,255,255,.5);
	}