css

body{background: #d4b0bc;}

#avaPic{
 width: 400px;
 height: 760px;
 background: #000 url("https://i.imgur.com/geP5dn9.jpg");
 background-repeat: no-repeat;
 background-size: 400px;
 background-position: bottom left;
 position: absolute;
 top: 100%;
 left: 0%;
 margin: -758px 0px 0px 0px;
 box-shadow: -50px 50px 100px #d4b0bc inset;
}

#name{
 width: 500px;
 height: 100px;
 transform: rotate(90deg);
 background: #d4b0bc;
 position: absolute;
 text-align: Center;
 font-family: 'Satisfy';
 font-size: 80px;
 color: #fff;
 -webkit-text-stroke: 1px #000;
 margin: 300px 0px 0px -250px;
}

#desOne{
 width: 1px;
 height: 760px;
 position: absolute;
 background: #000;
 left: 100%;
 margin: 0px 0px 0px 60px;
}

#textBox{
 width: 400px;
 height: 400px;
 position: absolute;
 margin: 150px 0px 0px  50px;
 text-align: Justify;
 color: #fff;
 font-size: 15px;
 font-family: 'PT Sans Narrow';
 text-shadow: 1px 1px 1px #000;
}

#oocBox{
 width: 400px;
 height: 150px;
 position: absolute;
 text-align: Justify;
 color: #fff;
 font-size: 14px;
 font-family: 'PT Sans Narrow';
 text-shadow: 1px 1px 1px #000;
 top: 100%;
 margin: -180px 0px 0px 50px;
}

#statBox{
 width: 400px;
 height: 20px;
 position: absolute;
 text-align: Center;
 color: #fff;
 font-size: 16px;
 font-family: 'PT Sans Narrow';
 text-shadow: 1px 1px 1px #000;
 margin: 100px 0px 0px 50px;
}


html

<link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=PT Sans Narrow' rel='stylesheet'>
<div id="avaPic">
<div id="desOne">

<div id="name">Sumiko Saeki</div>

<div id="textBox">
Having had suffered bullying when she was in school, Sumiko grew up to be rather timid and meek. Her self image worsened with every insult and now she accepts more of them compared to compliments.<br><br>
In an attempts to better this, after college, she got into modeling. Surprisingly, she was rather good at it. Eventually, her job lead her to doing more scandalous shots, eventually going almost full nude. She went by a stage name, Miss Sae.<br><br>
In an attempt to help future students, she became a school counselor. Currently, she works in Hentai High.<br><br><hr><br>• Sumiko is Pacifistic and will often never fight back. She might cry at a moment's notice when someone raises their voice at her.<br>• Sumiko likes to read fantasy novels, most of which has main characters being a heroine set out to fulfill a destiny unbeknownst to her.<br>• Sumiko can be <b>highly</b> childish towards people she's comfortable with.

</div>

<div id="oocBox">
OOC stuff:<br>
- Room RP is priority. Dark themes adored.<br>
- I reserve the right to say no.<br>
- Typist is often busy, so responses might be sparse.<br>
- LT and ST RP is both fine.<br>
- If you want to write in room, message me for attention!<br>
- Typist is the one who enjoys rough, abusive treatment. Not the character. So character won't enjoy when it happens, but the typist is very much enjoying it.<br>
- Profile is subject to change.<br>
</div>

<div id="statBox">- Female | Bisexual - Male lean | 25 years old | Single | Timid & Meek -</div>

</div>
</div>