<style>



.pfor {display: none;}

body, a{cursor: url( ), progress !important;}

body {background: #000000
url(""); background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size:1500px 900px; cursor: help;}


b {font-size:12px; text-decoration: Bold; color: #ffffff; text-shadow:1px 1px 0px #; font-family: Arial Black;}

i {font-size:11px; text-decoration: italic; color: 9f0162; text-shadow:1px 1px 0px #; font-family: times new roman;}

u { text-decoration: underline; Underline; color: 000000; border-bottom: 1px 000000; text-shadow:1px 1px 1px #; font-family: utsaah;}

::-webkit-scrollbar-button:vertical:{background-color: transparent;

-moz-border-radius: 1px 1px 1px 1px;

border-radius: 1px 1px 1px 1px;}

::-webkit-scrollbar-thumb:vertical {background-color:transparent;height:15px;



-moz-border-radius: 10px 10px 10px 10px;

border-radius:10px 10px 10px 10px;}

::-webkit-scrollbar-thumb:horizontal {background-color:transparent;height:60px !important;

-moz-border-radius: 2px 2px 2px 2px;

border-radius:2px 2px 2px 2px;}

::-webkit-scrollbar { height:60px;width:5px; background-color:#transparent;}

a:active, a:visited, a:link {
font-family: times new roman;
sans-serif; font-size: 10px;
line-height:0px;
letter-spacing:1px;
text-align:center;
padding:1px;
padding-left:0px;
margin-bottom:0px;
color:#ffff18;
background:#transparent;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
width:60;
border-radius: 0px;
text-decoration:none;}




a:hover {
background:#transparent;
color:#ffffff;
letter-spacing:1px;
sans-serif; font-size: 10px;
transition:all 1s ease-out;
-o-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
width:60;
border-radius: 100px;
font-weight:normal;
text-shadow:none;}





h1{line-height:20px; font-size:10px; background-color:#000000; display: underline; letter-spacing:1pt; color: ffffff; text-align: center; text-shadow:1px 1px 10px #ffffff; font-weight: normal; font-family: french script mt; background-image:url(""); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; border-top-left-radius: 0px; border-top-right-radius: 0px;

}




h2{line-height:10px; font-size:20px; background-color:#000000; display: block; letter-spacing:1pt; color: ffffff; text-align: left; text-shadow:1px 1px 10px #00ffff; font-weight: normal; font-family: monotype corsiva; background-image:url("http://24.media.tumblr.com/af449bef1785a6ff06dd4009f8470d45/tumblr_mgclc0ylLm1s1q4f3o1_500.gif"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 300px 20px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px}




#sidebar {width:235px; top:0px; bottom:auto; padding:0px;border-right: dashed 2px 000000; float:left; padding-right:55px;}

#barside {width:175px; top:0px; bottom:auto; padding:0px;border-left: dashed 0px white; float:right; padding-right:15px;}





#profile { border: Double 0px red; border-top-left-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px; border-top-right-radius: 20px 20px; }







#profile {background-color: transparent; border:none; margin: auto; position: relative; center: 240px;}











#Box1{

width: 250px;
height: 245px;
position: fixed;
background:
url("");
background-size:350px 350px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #transparent;
box-shadow: -2px 2px 1px #000000;

border-top-left-radius: 20px;
border-bottom-left-radius: 50px;

border-bottom-right-radius: 20px;
border-top-right-radius: 0px;
opacity: 1;
 -webkit-transition:all 1s ease-in-out;


z-index: 0;

overflow: hidden;

}









#Box1:hover{
background-color: #000000;
box-shadow: 2px -2px 1px #000000;

border-top-left-radius: 50px;
border-bottom-left-radius: 0px;

border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
opacity: 1;
-webkit-transition:all 1s ease;

}








#Box2{

width: 250px;
height: 245px;
position: fixed;
background:
url("");
background-size:350px 350px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #transparent;
box-shadow: 2px -2px 1px #000000;

border-top-left-radius: 20px;
border-bottom-left-radius: 50px;

border-bottom-right-radius: 20px;
border-top-right-radius: 50px;
opacity: 1;
 -webkit-transition:all 1s ease-in-out;


z-index: 0;

overflow: hidden;

}














#Box2:hover{
background-color: #000000;
box-shadow: 2px -2px 1px #000000;

border-top-left-radius: 20px;
border-bottom-left-radius: 50px;

border-top-right-radius: 0px;
border-bottom-right-radius: 20px;
opacity: 1;
-webkit-transition:all 1s ease;

}








 #H{
opacity: 0;
 -webkit-transition: opacity 1s linear;
}

#H:hover{
opacity: 1;
}














div.logo
{
transform:rotate(315deg);
-webkit-transform:rotate(315deg);
}






div.transbox
 {
 opacity: 0;
 -webkit-transition: opacity 1s linear;
}



div.transbox:hover {
font-color:#ffffff;
 opacity: 1;

}

















#HL {
width:0px;
height:185px;
border-top-left-radius:10px 10px;
border-bottom-left-radius:10px 10px;
color:#000000;
background-color:9f0162;
border-left:10px solid #000000;
overflow:hidden;
-webkit-transition:all 1s ease;
z-index:2;
}




#HL:hover {
width:165px;
-webkit-transform: rotate(360deg);
}




















#HR {
width:0px;
height:185px;
border-top-right-radius:10px 10px;
border-bottom-right-radius:10px 10px;
color:#000000;
background-color:9f0162;
border-right:10px solid #000000;
overflow:hidden;
-webkit-transition:all 1s ease;
z-index:2;
}




#HR:hover {
width:165px;
-webkit-transform: rotate(360deg);
}




</style>










<div style="position:fixed; top:0; left:500; overflow:hidden; z-index: 1;">

<img src="https://i.imgur.com/zkXINgh.png" width="425" height="770">

</div>



<div class="logo" style="position:fixed; top:600; left:1225; overflow:hidden; z-index: 1;">

<img src="https://media.giphy.com/media/b8AIy2HJzPog8/giphy.gif" width="200" height="100">

</div>








<div id="Box1" style="position: fixed; top: 35; left:50; text-align:center;">

<div style="width:250px; height:245px; overflow:hidden; text-shadow:1px 1px 5px #; text-align:center; line-height: 12px;">

<font color="#F08080" size="1" face="Times new Roman">


<div class="transbox">

Name: Sleaze <br>
Race: Wolf. <br>
Age: 302 <br>
Height: 6'1<br>
Weight: 220 <br>
Occupation: Vampire <br>
Fur: Black <br>
Eye: Pink <br>
Orientation: A hole is a hole <br>


</div>



</div></div>

<div id="Box2" style="position: fixed; top: 285; left:150; text-align:center;">

<div style="width:250px; height:245px; overflow:hidden; text-shadow:1px 1px 5px #; text-align:center; line-height: 12px;">

<font color="#DC143C" size="1" face="Times new Roman">

<div class="transbox">


The Devil On Your Shoulder. <br>
<br>
<br>

Art done by <a target="_blank" href="https://roleplay.chat/profile.php?user=Imou">Momo.</a>!! <a target="_blank" href="https://imgur.com/a/8A0p5vm" target="_blank">The Files.</a><br>

</div>