<style>
@import url(https://fonts.googleapis.com/css?family=Questerrial);
@import url('https://fonts.googleapis.com/css?family=Graduate');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
/*coded by [punpun]. do not steal the characters. do not remove this. do not remove the credits.*/
/*887497*/
::-webkit-scrollbar-thumb {
width: 0px;
background-color: transparent;}
::-webkit-scrollbar {
width: 0px;
background-color: transparent;}
body {
background: #d5d4d2;
color: #333333;
font-family: verdana;
cursor: url(http://static.tumblr.com/obptcxj/QvHmo0l0g/cursor__6_.png), progress !important;
}
a {
color: #fff; background-color: #F6BDA9;
text-decoration: none;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
a:hover {
color: #ffffff;background-color: #f3f3f3; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
text-decoration: none;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;}
#ufuk img {position: right; margin:auto; left: 0; right: 0; top:0; bottom: 0px; width: 570px;height: ;z-index:30;}
hr { border-top: 1px dotted #F6BDA9;}
#tofu{position:absolute;
width: 13; height: 260px;opacity:1;
background-color:#fff;z-index:4;
font: 9px Questerrial; color: #F6BDA9;
text-align: center;line-height: 13px;transition: all 0.4s ease-in;
}
#tofu:hover {height:280px;}
#tofu-content {position:absolute;bottom:0;left:0;text-align: center;}
#head {
width: 200px;height: auto;
color: #fff;border: px solid #000;
font-family: Graduate;
font-size: 39;text-align: right; transform:rotate(90deg);}
#head2 {
margin-top: -50px;
margin-left: 10px;
width: 240px;height: auto;
color: #fff;border: px solid #000;
font-family: Graduate;
font-size: 33;text-align: right; transform:rotate(90deg);}
.align-correction{
position: fixed; margin:auto; left: 336; right: 0; top:360; bottom: 0px;
height: 200px; width: 200px;
}
.dicks {
position: fixed; margin:auto; left: 0; right: 77; top:290; bottom: 0px;
width: 240px; height: 150px;
border-radius:0px 0px 0px 20px; border-left: 5px solid #fff; border-bottom: 15px solid #fff;
z-index: 5;
padding: 2;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
.out {
position: fixed; margin:auto; left: 0; right: 73; top:276; bottom: 0px;
width: 240px;
height: 150px;
background-color: #fff;border-radius:0px 0px 0px px;
border-left: px solid #fff;
border-bottom: px solid #fff;
z-index: 6;opacity:1;
color: #F6BDA9;
padding: 2; padding-right: 3;
font-family: Montserrat;
font-style: normal;
font-weight: 100;
text-align: justify;
overflow-x: hidden;
overflow-y: auto;
font-size: 11px;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
.for {
position: fixed; margin:auto; left: 0; right: 95; top:75; bottom: 0px;
width: 226px; height: 20px;
border-left: px solid #fff; border-bottom: 15px solid #fff;
z-index: 5;
padding: 2;
overflow-x: hidden;z-index:0;
overflow-y: auto;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
.harambe{position:absolute;margin:auto;right:0;left:0;top:0;bottom:0;width:1;height:1;opacity:0;z-index:1;text-align:justify;}
.harambe:target {position:absolute;z-index:6;opacity:1;}
.ooc {
position: fixed; margin:auto; left: 0; right: 73; top:276; bottom: 0px;
width: 240px;
height: 150px;
background-color: #fff;border-radius:0px 0px 0px px;
border-left: px solid #fff;
border-bottom: px solid #fff;
z-index: 5;opacity:1;
color: #F6BDA9;
padding: 2; padding-right: 3;
font-family: Montserrat;
font-style: normal;
font-weight: 100;
text-align: justify;
overflow-x: hidden;
overflow-y: auto;
font-size: 11px;
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
</style>
<div id="ufuk"><img src="https://i.imgur.com/qFmTKZb.png"></div>
<a href="#1"><div id="tofu" style="position: fixed; margin:auto; left: 200; right: 0; top:198; bottom: 0px;"><div id="tofu-content"> <i>I</div></div></a>
<a href="#2"><div id="tofu" style="position: fixed; margin:auto; left: 230; right: 0; top:198; bottom: 0px;"><div id="tofu-content"> <i>II</div></div></a>
<a href="#3"><div id="tofu" style="position: fixed; margin:auto; left: 260; right: 0; top:198; bottom: 0px;"><div id="tofu-content"> <i>III</div></div></a>
<a href="#"><div id="tofu" style="position: fixed; margin:auto; left: 290; right: 0; top:198; bottom: 0px;"><div id="tofu-content"> <i>IV</div></div></a>
</i></i></i></i>
<div class="align-correction">
<div id="head">Priest</div><div id="head2">Terrible</div>
</div>
<img style="position: fixed; margin:auto; left: 123; right: 0; top:70; bottom: 0px; width:50;" src="http://i.imgur.com/YII5FYB.png">
<img style="position: fixed; margin:auto; left: 53; right: 0; top:70; bottom: 0px; width:50;z-index:10;" src="http://i.imgur.com/YII5FYB.png">
<div class="dicks"></div>
<div class="ooc">
[00] <b>Don't</b>; start a dm with a post.<br>
[01] <b>I Am</b>; Dm Friendly.<br>
[02] <b>Blank / Multi Character</b>; will rarely get a response from me,<br>
[03] <b>I may</b>; Disappear due to RL situations. Apologies .<br>
[04] <b>Smut</b>; is ok, but is best when story is involved as well.<br>
[05] <b>Forgive</b>; Me Father For I Have Sinned <br>
[06] <b>Not</b>; Sorry Daddy, I've Been Naughty.<br>
[07] <b>Code</b>; Is Not Mine.<br>
<div class="for"></div>
<div id="1" class="harambe">
<div class="out" style="overflow:disabled;">Name <font style="float:right;"><b>Jaime Luis Cristobal</b></font><br>
Age <font style="float:right;"><b>27</b></font><br>
Gender <font style="float:right;"><b>Male</b></font><br>
Marital <font style="float:right;"><b>Single-ish</b></font><br>
Height/Weight <font style="float:right;"><b>220 cm / 112 kg</b></font><br>
Orientation <font style="float:right;"><b> Mostly Straight</b></font><br>
Occupation <font style="float:right;"><b> Priest / Hunter</b></font><br>
Home <font style="float:right;"><b>Madrid, Spain</b></font><br>
Affiliation <font style="float:right;"><b>The Church</b></font><br>
</div>
</div>
<div id="2" class="harambe">
<div class="out">
<hr></hr>
</div>
</div>
<div id="3" class="harambe">
<div class="out"><br>
Bio here, will fill it out later.
</div>
</div> </div>