<!--HTML-->
<link href="http://allfont.ru/allfont.css?fonts=playfair-display" rel="stylesheet" type="text/css" />

<style>

#ground { 
width: 500px;
height: 500px; 
background-color: #ddcbd6; 
}

.role { 
width: 455px;
height: 455px; 
background-color: #d0b6c3; 
border: 4px solid #ecdde6; 
position: relative;
top: 20px;
}

.title {
font-family: Playfair Display;
font-size: 55px;
color: #a77f95;
text-shadow: 1px 1px #fff; 
position: relative;
top: -40px;
}

.info {
position: relative;
width: 300px;
font-family: Playfair Display;
font-size: 14px;
color: #a77f95;
top: -110px;
}

.description {
position: relative;
width: 370px;
height: 220px; 
padding: 20px; 
top: -120px;
font-family: Playfair Display;
font-size: 12px;
color: #a77f95;
text-align: justify;
overflow: auto;
}

.img {
position: relative;
top: -130px;
}

.description::-webkit-scrollbar { width: 0px; }
.description::-webkit-scrollbar-thumb { background-color: transparent; }
.description::-webkit-scrollbar-corner { background-color: transparent; }

</style>

<center>
<div id="ground"> 
<div class="role"> 
<p class="title">Name</p>
<p class="info">age / orientation / caste</p>
<br><div class="img"><img src="http://funkyimg.com/i/2q3Ur.png" style="border: 10px solid #d0b6c3;"> <img src="http://funkyimg.com/i/2q3Up.png" style="border: 10px solid #d0b6c3;"> <img src="http://funkyimg.com/i/2q3Uq.png" style="border: 10px solid #d0b6c3;"></div>

<p class="description">On the other hand, we denounce with righteous indignation and 
dislike men who are so beguiled and demoralized by the charms 
of pleasure of the moment, so blinded by desire, that they cannot 
foresee the pain and trouble that are bound to ensue; and equal 
blame belongs to those who fail in their duty through weakness of 
will, which is the same as saying through shrinking from toil and 
pain. These cases are perfectly simple and easy to distinguish. In 
a free hour, when our power of choice is untrammelled and when 
nothing prevents our being able to do what we like best, every 
pleasure is to be welcomed and every pain avoided. But in certain 
circumstances and owing to the claims of duty or the obligations 
of business it will frequently occur that pleasures have to be 
repudiated and annoyances accepted. The wise man therefore 
always holds in these matters to this principle of selection: he 
rejects pleasures to secure other greater pleasures, or else he 
endures pains to avoid worse pains.</p>
</div>
</div>
</div>
</center>