test111

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Advent+Pro);
@import url(https://fonts.googleapis.com/css?family=Montaga);
@import url(https://fonts.googleapis.com/css?family=Homenaje);
@import url(https://fonts.googleapis.com/css?family=Suranna);
.pfor{display:none;}
#profile{
border:none;
background-color:transparent;}


body{
background-color:#9BB3A3;
background-repeat:repeat-xy;
background-position:center;
background-attachment: fixed;
background-image:url('http://i.picpar.com/hDMc.jpg');}

::-webkit-scrollbar {width: 5px; height: 0px; background:;}
::-webkit-scrollbar-thumb {background-color:black;-webkit-border-radius: 10px;border-radius: 10px;}

a:link, a:active, a:visited{
color:#E0CDDF;
font-weight:400;
text-decoration:none;
-transition:2.5s all ease-in-out;
-moz-transition:2.5s all ease-in-out;
-webkit-transition:2.5s all ease-in-out;}
a:hover{
color:#000;
-transition:2.5s all ease-in-out;
-moz-transition:2.5s all ease-in-out;
-webkit-transition:2.5s all ease-in-out;}


@keyframes bounce{
 0% {top: 30px;}
 50% {top: 50px;}
 100% {top: 30px;}
}
@-webkit-keyframes bounce {
 0% {top: 30px;}
 50% {top: 50px;}
 100% {top: 30px;}}

.card {
        width: 290px;
        height: 300px;
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .card:hover .img-top {
        display: inline;
    }
.hyu{
top:0px;
left:35%;
width:290px;
height:300px;
z-index: 1;
padding:9px;
color:#aedaed;
position:fixed;
animation: bounce 3.25s infinite;
-o-animation: bounce 3.25s infinite;
-moz-animation:bounce 3.25s infinite;
-webkit-animation: bounce 3.25s infinite; }

.gah{
top:300px;
padding:5px;
width: 250px;
height:250px;
-transition:0.5s all ease-in-out;
-moz-transition:0.5s all ease-in-out;
-webkit-transition:0.5s all ease-in-out;}

.gah:hover{
opacity:0.2;
-transition:0.5s all ease-in-out;
-moz-transition:0.5s all ease-in-out;
-webkit-transition:0.5s all ease-in-out;}


b, strong{font-weight:600;letter-spacing:1px;text-shadow:1px 2px 2px #000;}
i, em{font-weight:400;letter-spacing:normal;font-size:15px;text-shadow:0px 3px 3px #000;}
u, em{text-decoration:underline;font-weight:400;text-shadow:0px 3px 3px #000;}

big{font-size:19px;letter-spacing:1px;color:#FFEFFE;text-shadow:1px 2px 2px #000;}
small{font-size:14px;letter-spacing:1px;color:#C098BD;text-shadow:0px 3px 3px #000;}

#noclick{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}


#box{
top:5%;
left:5%;
width:24vw;
height:19vw;
padding:5px;
z-index:1;
color:#FAE7F2;
position:fixed;
font-size:16px;
line-height:17px;
text-align:justify;
overflow-x:hidden;
font-family:'Advent Pro', sans-serif;
background-color:#824242;
border:inset 5px #8D4DA1;
text-shadow:1px 2px 2px #000;}


#Nej{
left:5%;
bottom:5%;
width:24vw;
height:19vw;
padding:5px;
z-index:1;
color:#FAE7F2;
position:fixed;
font-size:16px;
line-height:17px;
text-align:justify;
overflow-x:hidden;
font-family:'Advent Pro',sans-serif;
background-color:#824242;
border:inset 5px #8D4DA1;
text-shadow:1px 2px 2px #000;}

#ii{
right:5%;
bottom:5%;
width:24vw;
height:19vw;
padding:5px;
z-index:1;
color:#FAE7F2;
position:fixed;
font-size:16px;
line-height:17px;
text-align:justify;
overflow-x:hidden;
font-family:'Advent Pro',sans-serif;
background-color:#824242;
border:inset 5px #8D4DA1;
text-shadow:1px 2px 2px #000;}

#yuga{
top:5%;
right:5%;
width:24vw;
height:19vw;
padding:5px;
z-index:1;
color:#FAE7F2;
position:fixed;
font-size:16px;
line-height:17px;
text-align:justify;
overflow-x:hidden;
font-family:'Advent Pro',sans-serif;
background-color:#824242;
border:inset 5px #8D4DA1;
text-shadow:1px 2px 2px #000;
-transition:1s all ease-in-out;}


#title{
width:550px;
height:100px;
left:40%;
top:42%;
z-index:5;
position:fixed;
color:#E0CDDF;
font-size:85px;
font-weight:600;
line-height:auto;
font-variant:small-caps;
font-family:'Montaga', serif;
text-shadow:2px 0px 3px #3C2B3B, 2px 2px 0px #3C2B3B, 3px 0px 5px #3C2B3B, 2px 0px 2px #3C2B3B;}

h1{
width:auto;
color:#E0CDDF;
font-size:35px;
line-height:22px;
text-align:right;
font-weight:100;
text-decoration:none;
font-variant:small-caps;
margin-top:10px;
margin-bottom:15px;
background-color:#212121;
font-family:'Suranna', serif;
border-right:14px solid #111;
padding-right:15px;
text-shadow:2px 0px 3px #3C2B3B, 2px 2px 0px #3C2B3B, 3px 0px 5px #3C2B3B, 2px 0px 2px #3C2B3B;}

h2{
width:auto;
color:#E0CDDF;
font-size:35px;
line-height:22px;
text-align:left;
font-weight:100;
text-decoration:none;
font-variant:small-caps;
margin-top:10px;
margin-bottom:15px;
background-color:#313131;
font-family:'Suranna', serif;
border-left:14px solid #111;
padding-left:15px;
text-shadow:2px 0px 3px #3C2B3B, 2px 2px 0px #3C2B3B, 3px 0px 5px #3C2B3B, 2px 0px 2px #3C2B3B;}

#nani{
right:0px;
bottom:10px;
width:100px;
height:auto;
opacity:0.5;
z-index:200;
position:fixed;}

#nani:hover{opacity:0.8;}

</style>
<div class="hyu"><div class="card"><span class="gah"><img src="https://i.imgur.com/8vMBbNa.jpg" alt="Card Back">
        <img src="https://i.imgur.com/cK7igKo.jpg" class="img-top" alt="Card Front"></div></div>


<div id="title">R A V E N</div>



<div id="box"> <h2> The Character </h2>
<img src="http://i.picpar.com/fWdd.gif" height="150px" width="460px"><br>
<center><b>NAME::</b> REDACTED<br>
<b>ALIAS::</b> Raven Aervyx<Br>
<b>AGE::</b> 25 <br>
<b>RACE::</b> Phrixian<br>
<b>GENDER::</b> Female<br>
<b>BINDING::</b> <a title="Phrixian's have been cursed since the apocalypse that ravaged their world. It is said the Gods doomed the Phrixian race to a solitary monogamous relationship for their failure to treat women properly. Albeit, it's just word of mouth, not a true prophecy.">A Curse</a><br>
<b>INTRIGUE::</b> Masculine<br>
<b>OCCUPATION::</b> Black List Hacker<br>
<b>MENTAL STATUS</b> Stable<Br>
<b>WEAPON::</b> Scythe<br>
<b>GUARD::</b> Riddick<br>
<b>Companion:: <a target="_blank" href="https://roleplay.chat/profile.php?user=VampireBrat" target="_blank" title="He's often found at her side within the Haven. He's a cute little one that Raven has grown attached to.">Meka</a><br> <br></center>

<h2>The Cursed Phrixian Race</h2>
 This bit is a massive WIP, I'll get to writing when the muse hits me.

</div>

<div id="Nej"> <h1> The Coder</h1>
Hiyo! <br><br>
I'm Raven! Nice to meet you!<br><br>
Here's some things to know!<br><br>

I have been coding for about ten-ish years, and decided to open commissions two years ago. Although the struggle has been real, I haven't let it get me down. I love to code, even if it's on a mere whim and at random. I'll code whatever profile comes to my mind. Such is why I only charge a simple 5-10 bucks for my commissions. I personally take interest in making it a surprise and you get what you pay for. Sometimes more. It all depends on my mood. Codes like this, however, are a simple five dollars. Others with tabs and fancy features like rotations and stuff, typically ten. <br><br>

I'm currently taking commissions. My main goal is to save up 80$ and some change to get my therapy animal registered as a Emotional Support Animal. This is my goal! <br><br>

If you take an interest in commissioning me, don't be afraid to hit up my DMs. I'm very sociable at times and don't mind a few DMs being slid my way. I greatly welcome them!<br><Br>

If you'd like to know more about my codes just ask me. :> I have Examples below!. Stay tuned!<br><br>

---Click The Links! :D ---<br>
-- <a target="_blank" href="http://prntscr.com/np0sk7">Melody; Scroll boxes - 5$</a><br>
-- <a target="_blank" href="http://i.picpar.com/ZRud.png">Snuggler; Hover code - 5$</a><br>
-- <a target="_blank" href="http://i.picpar.com/aSud.png">Sir Gallahad, Tab Code - 10$</a><br>
-- <a target="_blank" href="http://i.picpar.com/bSud.png">Coraline 1</a> - <a target="_blank" href="http://i.picpar.com/cSud.png">Coraline 2</a> - 5$<Br>
-- <a target="_blank" href="http://roleplay.chat/profile.php?user=Urias">Urias Formonde; Tab Code</a> 10$ <br>
-- <a target="_blank" href="https://roleplay.chat/profile.php?user=Hiyori%20Sarugaki">Hiyori; Simple</a> 5$ <br>
</div>

<div id="ii">
 <h2> Coder's Association </h2>
The list of awesomes who also code.<br>
Bee -Link to be added<br>
Sae -Link to be added<br>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Yandere" target="_blank">Yandere</a> <br>
<br>

Others will be added as I am made aware of them. :>
<br><br>
<a href="link">Link test!</a> --Boop</div>

<div id="yuga">
<h1> Notes </h1>
DM/PM Friendly<br>
One line to Novella.<br>
Story > Smut. It is earned.<br>
Central US Time Zone<br>
Often distracted easily.<Br>
Mother of Two, usually distracted by my boys.<br>
Writing experience; 10+ years.<br>
Some know me by the alias Raven Oji.<br>
The Character Race and disposition are heavily based off of Sherrilyn Kenyon's League Series. However, in my version, most of the planets have either gained peace or Apocalypse.<br><br>
This character is hell bent on written development. As I roleplay as her, more will come to light about her, her past, and who she could become. Write with me, and let's see where the story takes us.<br></div>

<div id="nani"><img src="http://i.picpar.com/EZr.png" width="100" title="This code was a R.O. Alterations creation. Copyrighted by Raven Oji"></a></div></div></center></body>
</body>
</html>