JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
  </head>
  <body>
    <div id="wrapper">
      
      <h1>Text Stroke</h1>
      <h1>KPNU_CSC.IR</h1>
      
    </div>
  </body>
</html>

CSS

#wrapper {
  width: 900px;
  margin: 0 auto;
  padding: 50px;
}

h1 {
  text-align: center;
  font-size: 4em;
  color:red;
  text-shadow:
      -1px -1px 0 red,
       1px -1px 0 red,
      -2px  2px 0 red,
       2px  2px 0 red;
}