Text-shadow not showing

I want to apply text-shadow property on a heading text but it is not showing

<style rel="Stylesheet" type="text/css" >
 .shadow { 
  color: black; 
  font: bold 52px Helvetica, Arial, Sans-Serif;
  text-shadow: 1px 1px #fe4902, 
            2px 2px #fe4902, 
            3px 3px #fe4902;
   -webkit-transition: all 0.12s ease-out;
   -moz-transition:    all 0.12s ease-out;
}
.shadow:hover {
   position: relative; 
   -webkit-transform: scale(1.1); 
   -moz-transform:    scale(1.1);
   -ms-transform:     scale(1.1); 
   -o-transform:      scale(1.1); 
   text-shadow: 5px 0px 2px rgba(150, 150, 150, 1);
 }
</style>


HTML :

 <h1 class='shadow'>Reseller welcome</h1>