<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Lobster|Tulpen+One' rel='stylesheet' type='text/css'><style type="text/css" >
#circle {width: 200px;height: 200px;background: #c7a276;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border: 5px solid #b27e45; margin-top: 15px;}
.ihasbg { position: relative; 
background:#faf5e8;
font:10px/150% Calibri,sans-serif;color:#000;
padding:1px 30px 25px; 
min-width:450px; 
max-width:500px; 
height:850px; 
margin:auto; 
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-bottom:1px solid #ddd background-color: #f3f2ef;  
border: 4px #ecd8a9 double; 
 border-radius: 20px;-moz-box-shadow: inset 0 0 10px 5px #d18d4e; 
-webkit-box-shadow: inset 0 0 10px 5px #d18d4e; 
box-shadow: inset 0 0 10px 5px #d18d4e;
clear: both; }
.miniifol { color: #343434; font-family: 'Tulpen One', cursive; float: left; position: relative;  top: 50px; font-size: 30px; letter-spacing: 2px; width: 100px; height: 50px;  padding: 10px; right: 11px; line-height: 45px;}
.miniifor { color: #343434; font-family: 'Tulpen One', cursive; float: right; position: relative;  top: 50px; font-size: 30px; letter-spacing: 2px; width: 100px; height: 50px; padding: 10px; left: 16px; line-height: 45px;  }
.chariname { line-height: 32px; clear: both; font-family: Lobster; font-size: 40px; margin-top: 10px;color: #343434; padding-bottom: 23px; }
.chariname1 { line-height: 32px; clear: both; font-family: Lobster; font-size: 20px; margin-top: 10px;color: #343434; padding-bottom: 2px; }
.itexthis::-webkit-scrollbar { width: 3px;  background: #bb8348;} 
.itexthis::-webkit-scrollbar-corner { background: #95612b;} 
.aliasname { font-family: Lobster; font-size: 40px; margin-top: 19px;color: #343434; margin-bottom: 10px; }
.credi {  width: 450px; height: 15px; margin-top: 0px; color: #343434; font-family: calibri, sans-serif; text-transform: uppercase; font-size: 10px; padding: 0px;  } </style>

<center>
 <div class="ihasbg"><div class="miniifol">
   
   17 y.o. <br>Fire Nation<br>Avatar: the last airbender
   
   </div>
   <div class="miniifor">
     
     nicks<br> skype: ragnarok_has_come<br>
   
   </div><br>
   <div id="circle">
     <img src="http://placehold.it/150" style="border-radius: 50%; position: relative; top: -30px; border: 3px solid #b67444; right: 60px; margin-top: 15px;" >
   <img src="http://placehold.it/150" style="border-radius: 50%; position: relative; top: -95px; border: 3px solid #b67444; left: 70px;"></div>
   <br><br>
   <div class="chariname">Azula</div>
   
   <div style="width: 460px; padding: 15px; background-color: #f6ede1; border: 1px solid #edd89a; line-height: 12px; font-size: 12px; text-align: justify; height: 150px; overflow: auto; color: #000000" class="itexthis" ><center><div class="chariname1">данные</div></center>
<b>СТРАХИ/ФОБИИ.</b> боязнь потерять контроль над собой и показать эмоции.<br>
<b>ЖЕЛАНИЯ/МЕЧТЫ.</b> удержаться в гармонии с собой.<br>
<b>МАГИЧЕСКИЕ СПОСОБНОСТИ.</b> маг синего пламени, владеет техникой молний.<br>
<b>УВЛЕЧЕНИЯ/ХОББИ.</b> обожает тренировки и медитации, все еще занимается лучной стрельбой.<br>
<b>ПОЛОЖИТЕЛЬНЫЕ ЧЕРТЫ ХАРАКТЕРА.</b> ответ<br>
<b>ОТРИЦАТЕЛЬНЫЕ ЧЕРТЫ ХАРАКТЕРА.</b> ответ
<p></div>
<br>
<div style="width: 460px; height: 350px; padding: 15px; background-color: #f6ede1; border: 1px solid #edd89a; line-height: 12px; font-size: 12px; text-align: justify; height: 280px; overflow: auto; color: #000000" class="itexthis" >
<center><div class="chariname1">биография</div></center>
описание биографии
<center><div class="chariname1">характер</div></center>
описание характера</div>
</center>