JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" class="wrapper">
	<center><br><br>
		<h1>ЛИЧНАЯ ИНФОРМАЦИЯ</h1>
<div id="info" class="curved-vt-2">
   <h2> <br>Имя: Антон
                <br>
            Фамилия: Минченко
                <br>
            Email: [email protected]
                </h2>	
</div>
	</center>
    </div><!-- /wrapper -->

CSS

* {
	padding: 0;
	margin: 0;
}

body {
  background-color: #009688;
  font-family: RobotoBold;
  /*color: #CDDC39 !important;*/
  color: #FFF !important;
}

#info {
  background-color: #00796B;
  padding: 20px;
  margin: 20px 30%;
  min-width: 600px;
}

#wrapper {
  background-color: #009688 !important;
}

/*.mm-menu-open {
  opacity: 0.7;
}*/

.wrapper {
  background-color: #009688 !important;
}
h1 {
  font-size: 52px;

text-shadow: 2px 4px 3px rgba(0,0,0,0.3);

}

/*два вертикальных изгиба*/
.curved-vt-2 {
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
 
.curved-vt-2:before,
.curved-vt-2:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
.curved-vt-2:before {
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
       -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
         border-radius:10px / 100px;
}