Heidi

<style>

body{
background: white;}

#divcontain{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
height: 90vh;
width: 70vw;
border: 0px solid black;
}


#leftbox{
position: absolute;
height: 60%;
width: 20%;
background: #CBFEF9;
top: 20%;
bottom: 0px;
margin: auto;
left: 0px;
right: 60%;
border-radius: 200px 200px 0px 0px;
text-align: center;
font-size: 2.5vh;
box-sizing: border-box;
padding-top: 28vh;
color: #008397;
font-family:Georgia;
line-height: 4vh;
}

#leftbox u{
font-size: 5vh;
letter-spacing: 3px;
text-decoration: none;}

#leftbox u:after{
content:'';
position: absolute;
width: 70%;
height: 2px;
background: #008397;
margin-left: -58%;
margin-top: 18%;}

#leftbox:after{
content:'';
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
height: 4vh;
background-image:url(https://i.imgur.com/tux5gJx.png);
background-size: 100% auto;
background-repeat: no-repeat;
}

#leftboxtop{
position: absolute;
border-radius: 360px;
background: transparent;
border: 0px solid black;
margin: auto;
top: -34%;
height: 90%;
width: 125%;
left: -10%;
background-image:url(https://i.imgur.com/Z1IyoSF.png);
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
}

#centerbubble{
position: absolute;
height: 100%;
width: 33%;
border-radius: 200px;
background: #CBFEF9;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;}

#centerbubble img{
position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;}

#rightfriends{
position: absolute;
height: 50%;
width: 20%;
top: 10%;
bottom: 0%;
margin: auto;
left: 70%;
right: 0px;
background:transparent;
text-align: left;
}

#rightfriends a{
text-decoration: none;
font-weight: 600;
font-size: 3vh;
line-height: 10vh;
font-family:Georgia;
color: #008397;
font-style: italic;
-webkit-transition: all .7s;
transition: all .7s;
}

#rightfriends a:hover{
color: #CBFEF9 ;}



#rightfriends a:before{
content:'';
position: absolute;
display: block;
margin-left: -5.3vw;
margin-top: 1.5vh;
height: 7vh;
width: 5vw;
border: 0px solid black;
background-image:url(http://clipartandscrap.com/wp-content/uploads/2017/06/Love-heart-clipart.jpg);
background-size: auto 90%;
background-position: center;
background-repeat: no-repeat;}

</style>

<div id="divcontain">
<div id="leftbox">
<u><i>Heidi</i></u>
<br><br>
21. single. 5'2<br>
deer. ditzy. shy


<div id="leftboxtop">
</div>
</div>
<div id="centerbubble">
<img src="https://i.imgur.com/ifoLBg9.png">
</div>
<div id="rightfriends">
<a href="http://roleplay.chat/profile.php?user=" target=_blank>Friend here.</a><br>
<a href="http://roleplay.chat/profile.php?user=" target=_blank>Friend here.</a><br>
<a href="http://roleplay.chat/profile.php?user=" target=_blank>Friend here.</a><br>
</div>
</div>