JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>

<div class="box1">

</div>


<br>

<div class="box2">

</div>
</div>

CSS

.container{
  height: 600px;
  width: 600px;
  background-color: #333;
}
.box2{
  background-color: #984675;
  height: 250px;
  width: 250px;
  border-radius: 20px;
  border: 4px #C68CA5 solid;
   -moz-box-shadow:    inset 0 0 20px #000000;
   -webkit-box-shadow: inset 0 0 20px #000000;
   box-shadow:         inset 0 0 20px #000000;
}


.box1{
   background-color: #984675;
  height: 50px;
  width: 400px;
  border-radius: 50px;
  border: 4px #f9bfd8 solid;
   -moz-box-shadow:    inset 0 0 20px #000000;
   -webkit-box-shadow: inset 0 0 20px #000000;
   box-shadow:         inset 0 0 20px #000000;
}