JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="left"></div>
  <div class="right"></div>
  <div class="bottom"></div>
  <div class="content">
  Текст<br>
  Текст<br>
  Текст<br>
  Текст<br>
  Текст<br>
  Текст<br>
  Текст<br>
  </div>


</div>

CSS

html{
  height:100%;
}
body{
  height:100%;
}
.wrap{
  margin: 20px auto;
  position:relative;
  width:500px;
}
.content{
  position:relative;
  z-index:5;
  padding:30px;
  background:#FFF;
}
.left,.right,.bottom{
    position:absolute;
    display:block;
    z-index:0;

}
.left{
  left:5px;
  bottom:0;
  width:1px;
  height:50%;
  transform: rotate(1deg);
  box-shadow: 0 0 15px 0 black;
}
.right{
  right:5px;
  bottom:0;
  width:1px;
  height:50%;
  transform: rotate(-1deg);
  box-shadow: 0 0 15px 0 black;
}
.bottom{
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  box-shadow: 0 0 15px 0 black;
}