JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <h1> hello hello hello hello
    hello hello hello hello
    hello hello hello hello
    hello hello hello hello
    <br>
     hello hello hello hello
    hello hello hello hello
    hello hello hello hello
    hello hello hello hello
    <br>
     hello hello hello hello
    hello hello hello hello
    hello hello hello hello
    hello hello hello hello
  </h1>
</div>

CSS

body{background:black;}
h1 {
    color: white;
}
.wrapper{
position: reltive;
 z-index: 999;             
    border:1px solid red;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
   
width: 100%;
height: 100%;
box-sizing: border-box;

  border: 3px solid #0cd808;
 box-shadow: 0 0 1px #b3ff51, 0 0 2px #b3ff51, 0 0 6px #b3ff51, 0 0 12px #b3ff51, inset 0 0 1px #b3ff51, inset 0 0 2px #b3ff51, inset 0 0 6px #b3ff51, inset 0 0 12px #b3ff51;
 
}