<style>
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhai');
@import url('https://fonts.googleapis.com/css?family=Mirza');
@import url('https://fonts.googleapis.com/css?family=Parisienne');
@import url('https://fonts.googleapis.com/css?family=Cinzel+Decorative');
@import url('https://fonts.googleapis.com/css?family=Courgette');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('https://fonts.googleapis.com/css?family=Merienda');

body {background-image: linear-gradient(to right, #bd827a, #33369b, #bd827a); margin:auto;
cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;}

.badbaby {
 position:fixed;
 bottom:10px;
 right:10px;
 text-align:center;
 color:#FFF;
 font-size:11px;
 font-family: 'Baloo Bhai', cursive;
 z-index:999;
 }

.badbaby img{
 height:50px;
 }

a {text-decoration:none; font-size:15px;}
a:hover {cursor:pointer;}
b {color:#555;}

a.sd {text-decoration:none; font-family: 'Pacifico', cursive; font-size:14px; color:#FE2EF7; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
a.sd:hover {color:#81BEF7;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}

.box2{
 position:absolute;
 height:100px;
 width:20px;

 top:100px;
}

.box {position:fixed; bottom:60px; left:0px; right:0px; margin:auto;
 width:850px; height:591px; background-color:#bd827a; box-shadow: 0 0 100px #000;
border-right:7px double #552a66; border-top:7px double #01368a; border-left:7px double #552a66; border-bottom:7px double #01368a;
border-radius:0 20% 0 0%;}

.star {margin-top:2px; margin-left: 50px; z-index: 99;}
.star img {width:800px;}

.voicebox{position:absolute; top:245px; left:-80px; right:0px; margin:auto; }

::-webkit-scrollbar { width: 1px; height: 0px; background: transparent;}
::-webkit-scrollbar-thumb { background-color: #transparent; -webkit-border-radius: 0px; border-radius: 0px;}

.skirt {position:fixed; margin-left:50px; margin-top:-560px; width:250px; height:300px; border:1px double #555; padding:35px; color:#3b313a; overflow:auto;
font-family: 'Mirza', cursive; text-align:justify; font-size:13px; line-height:15px; color:#FFF; box-shadow:0 0 100px #000; z-index:9999;}
.skirt2 {margin-top:50px; height:100px; overflow:auto; border:1px solid #FFF; padding:10px; font-family: 'Merienda', cursive; font-size:12px;}

.title {position:absolute; bottom:10px; text-align:center; width:850px;}

h2 {font-family: 'Satisfy', cursive; line-height:0px; text-align:center; text-shadow:2px 2px 0 #555; letter-spacing:1px;}
h3 {font-family: 'Cinzel Decorative', cursive; text-transform:uppercase; text-align:center; font-size:40px; letter-spacing:2px; color:#101752; text-shadow:1px 1px #fff; line-height:0px;}

.name {position:absolute; bottom:20px; width:850px; text-align:center; z-index:99999999999;
font-family: 'Parisienne', cursive; font-size:130px; letter-spacing:0px; -webkit-text-stroke: 1px #fff;
background: url('https://66.media.tumblr.com/583a381fa5ec81417c8b757d0923692b/tumblr_ob4lapZJky1u7gnm9o1_400.gif') 0px 0px repeat;
background-size: 300px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; word-wrap: break-word; overflow: hidden; }

b {
padding:2px;
background-color:#7a81c7;
border:1px solid #FFF;
text-transform:lowercase;
font-family: calibri light;
color:FFF;
font-size:10px;
letter-spacing:1px;
}

i {
padding:3px;
background-color:#003689;
border:1px solid #FFF;
color:#FFF;
font-family:times;
font-size:9px;
letter-spacing:1px;
}

img.xx {
float:left;
height:55px;
width:55px;
margin-right:5px;
border-radius:50%;
border:2px solid #FFF;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
}

img.xx:hover {
border:2px solid #003689;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
}

.voicebox{position:absolute; margin-top:100px; left:0px; right:0px; margin:auto;
 width:600px; font-size:100px;
-webkit-transition: all 1s ease-out; transition: all 1s ease-out; transition-delay: 0.3s;
 border-radius: 360px; color: FFF; overflow: hidden; z-index: 9999;}

.tune{ margin-top: -40px; margin-left: 15px; width: 70px; overflow: hidden; opacity: 0;}

</style>

<div class="voicebox"><img src="https://thumbs.gfycat.com/LiquidTanEyelashpitviper-max-1mb.gif" width="90">
<div class="tune"><audio controls><source src="http://k007.kiwi6.com/hotlink/isk61pd43s/DBangz_-_Thick_N_s_and_Anime_Tiddies_Audio_PREMIERE.mp3"></audio>
</div></div>


<div class="box">
<div class="star"><img src="https://i.imgur.com/HNoYl2z.png"></div>
<div class="name">Saramosa</div>
<div class="title"><h3>The Unfairest</h3></div>
<div class="skirt">

<font style="float:right;"><h2>Dossier or Stats</h2></font>
<br><br><br>
<font style="line-height:25px;">
<font style="float:left;"><i>Stat</i></font><font style="float:right;">Lorem ipsum dolor sit amet.</font><br>
<font style="float:left;"><i>Italic Line</i></font><font style="float:right;">Lorem ipsum dolor sit amet.</font><br>
<font style="float:left;"><i>Whatever you want</i></font><font style="float:right;">Lorem ipsum dolor sit amet.</font><br>
</font>
<br>
<font style="float:left;">
<h2>Write a title here</h2></font>
<div class="skirt2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>

<br><br>
<h2>Friends & Encounters</h2>
<br>
<a href="https://roleplay.chat/profile.php?user=" target="_blank"><img src="https://i.imgur.com/U4kIGDU.png?1" class="xx"></a>
You can write something about your friends here if you want. You can make it as short or as long as you want. ( :
<br><br>
<a href="https://roleplay.chat/profile.php?user=" target="_blank"><img src="https://i.imgur.com/U4kIGDU.png?1" class="xx"></a>
You can write something about your friends here if you want. You can make it as short or as long as you want. ( :
<br><br>
<a href="https://roleplay.chat/profile.php?user=" target="_blank"><img src="https://i.imgur.com/U4kIGDU.png?1" class="xx"></a>
You can write something about your friends here if you want. You can make it as short or as long as you want. ( :
<br><br><br>

<h2>Out of Character</h2><br>
<center>
<i>Rule</i> Write your ooc rules line here.<br>
<i>Rule</i> Write your ooc rules line here.<br>
<i>Rule</i> Write your ooc rules line here.<br>
<i>Rule</i> Write your ooc rules line here.<br>
<i>Rule</i> Write your ooc rules line here.<br>
</center>

</div>


<div class="badbaby">
<a href="https://roleplay.chat/profile.php?user=badbaby" target="_blank">
<img src="https://i.imgur.com/cQAvAAO.png"></a><br>badbabylayouts</div>