svg text with shadows

by jpeter06

HTML

<svg >
   <text  id="title" text-anchor="middle" x="50%" y="20vh">Software</text>
</svg>

CSS

#title {
   fill:white;
   color: white;
   display: block;
   margin: auto;
   text-shadow: 0px 0px 6px black;
   font-size: 400%;
   text-align: center;
   font-family: consolas;
   font-weight: bold;

   stroke: #F08000;
   stroke-width: 0px;
}