Hiru Sad

<style>

@import url('https://fonts.googleapis.com/css?family=Mrs+Sheppards');

body {background: #000;}
::-webkit-scrollbar {display:none}

b {color: #9E9A9A;}
i {color: #9E9A9A;}
a {text-decoration: none; color: #9E9A9A;}
a:hover {color: #fff;}

.container {position: fixed;
background: url('https://media.giphy.com/media/lSzQjkthGS1gc/giphy.gif');
background-size: 360px;
height: 500px;
width: 620px;
left: 440px;
bottom: 110px;
border: 1px solid #fff;
}

.name {position: absolute;
font-family: 'Mrs Sheppards', cursive;
font-size: 70px;
color: #F6F5FB;
-webkit-text-stroke: 2px #000;
left: 160px;
bottom: -40px;
}

.image {position: absolute;
background: url('https://i.imgur.com/EWzr6hE.png') no-repeat;
background-size: 300px;
height: 500px;
width: 400px;
left: 120px;
bottom: 0px;
}

.stats {position: absolute;
overflow: auto;
padding: 5px;
background: #;
font-family: Tahoma;
font-size: 12px;
color: #fff;
text-align: justify;
height: 250px;
width: 160px;
left: 30px;
top: 27px;
border: 1px solid #000;
}

.friends {position: absolute;
overflow: auto;
padding: 5px;
background: #;
font-family: Tahoma;
font-size: 12px;
color: #fff;
text-align: justify;
height: 163px;
width: 160px;
left: 30px;
bottom: 30px;
border: 1px solid #000;
}

.history {position: absolute;
overflow: auto;
padding: 5px;
background: #;
font-family: Tahoma;
font-size: 12px;
color: #fff;
text-align: justify;
height: 250px;
width: 160px;
right: 32px;
top: 27px;
border: 1px solid #000;
}

.ooc {position: absolute;
overflow: auto;
padding: 5px;
background: #;
font-family: Tahoma;
font-size: 12px;
color: #fff;
text-align: justify;
height: 163px;
width: 160px;
right: 32px;
bottom: 30px;
border: 1px solid #000;
}

.coder {position: absolute;
font-family: Courier;
font-size: 12px;
letter-spacing: 2px;
right: 0px;
bottom: -18px;
}

</style>

<div class="container">

<div class="stats">
This is where you'd put your character's statistics. You can style it any way you want. I'd suggest keeping it within the box, just so you can keep the emojis at the bottom and made it look pretty.
<br><br>
Just in case you prefer and need this style:
<br><br>
<font style="float:left"><b>STAT</b></font> <font style="float:right">Answer</font><br>
<br><br><br><br>
<center><a href="gallery link here" title="description">📷</a>
<a href="music link here" title="description">🎵</a></center>
</div>

<div class="friends">
👨‍💼 <a href="friend profile here" title="description">MALE FRIEND</a><br>
👩‍💼 <a href="friend profile here" title="description">FEMALE FRIEND</a><br>
👨‍💼 <a href="friend profile here" title="description">MALE FRIEND</a><br>
👩‍💼 <a href="friend profile here" title="description">FEMALE FRIEND</a><br>
👨‍💼 <a href="friend profile here" title="description">MALE FRIEND</a><br>
👩‍💼 <a href="friend profile here" title="description">FEMALE FRIEND</a><br>
👨‍💼 <a href="friend profile here" title="description">MALE FRIEND</a><br>

<Br>
Make some friends<br>
man, gosh
</div>

<div class="history">
This is where you'd put your character's history. Write as little or as much as you want, the box scrolls.
</div>

<div class="ooc">
This is where you'd put your OOC. Write as little or as much as you want, the box scrolls.
<br><br>
✅ OOC do<br>
✅ OOC do<br>
<br>
❎ OOC don't<br>
❎ OOC don't<br>
</div>

<div class="image"></div>
<div class="name">hiru akiada</div>
<div class="coder"><a href="https://roleplay.chat/profile.php?user=words">coded by words</div>

</div>