*{
 box-sizing:border-box;
 }
 body{ 
   justify-content: center;
   align-items: center;
   display: flex;
   height:100vh;background: #333;
   font-family:Arial;
 }
 
 .card{
	height:400px;
width:300px;
background:#736fc9;
border-radius:20px 20px 0 0;
box-shadow:	0 4px 0 rgba(0,0,0,.4);
 }
 
 .pro{
	width:170px;
	height:170px;
	border-radius:50%;
	background:url(modi.jpg);
	background-size:cover;
	margin-left:-25px;
	margin-top:-25px;
	position:absolute;
	border:5px solid #fff;
	
 }
 
 .text{
	height:265px;
width:300px;
margin-top:130px;
	border-radius:130px 0px 20px 20px;
	border-top:5px solid #fff;
	text-align:center;
	font-size:20px;
	color:#fff;
 }
 
 button{
	 border:none;
	 outline:none;
	 display:inline-block;
	 padding:8px;
	 color:#fff;
	 background:#000;
	 text-align:center;
	 cursor:pointer;
	 width:100%;
	 font-size:20px;
	 
 }
 a{
	 text-decoration:none;
	 font-size: 22px;
	 background: #333;
	 width:40px;
	 height:40px;
	 border-radius:50%
	 display;inline-block;
	 text-align:center;
	 padding:7px;
	 color:#fff;
 }
 a:hover{
	 background:orange;
	 
 }