JSFiddle - React, Tailwind, and code Playground

by Hussain Rauf

HTML

<svg style="background-color:rgba(0, 255, 255, 0.2); width:100%; height:calc(20vh + 20px); margin:auto; display:block;">
   <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: 6px 6px 10px black;
   font-size: 400%;
   text-align: center;
   font-family: consolas;
   font-weight: bold;

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