Fear

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css?family=ABeeZee&display=swap');

::-moz-selection { background:#77d5b3; color:#e1e1e1; }
::selection { background:#77d5b3; color:#e1e1e1; }


::-webkit-scrollbar { width: 0px; height:0px;  background:transparent; }
::-webkit-scrollbar-thumb { background-color: transparent; }


@font-face { font-family: "coco"; src: url('https://dl.dropboxusercontent.com/s/h4xmli8klp2dub5/CerebriSans-Bold.ttf') ;}

@font-face { font-family: 'triester'; src: url('https://dl.dropboxusercontent.com/s/bcvh23qw7j1l10l/Triester%20Sans.ttf') ;}

@font-face { font-family:'tri'; src: url('https://dl.dropboxusercontent.com/s/mypqmiu1gqlyn6u/TriesterVector.ttf') ;}



a, a:link, a:active, a:visited { color: #e37242; text-decoration:none; transition: 0.8s; font-weight:bold; font-family:'ABeeZee'; }

a:hover { color:#dfdfdf;  }


small, sub, sup { font-size:9.5px; font-family:'ABeeZee'; }


big { font-size:12px; font-family:'ABeeZee'; }


b, strong { color:#e37242;  font-family:'ABeeZee'; }


i, em { color:#983218; font-weight:bold; font-family:'ABeeZee'; }


h1 {  font-size:18px; text-align:center; font-family: 'triester'; text-transform:lowercase; letter-spacing:1px; color:#e37242; font-size:22px; line-height:20px; padding:5px; margin-bottom:8px; }


h2 { text-transform:uppercase; text-align:center; font-family: 'robold'; letter-spacing:4px; font-size:10px; color:#983218; }


h3 { font-family: 'tri'; font-size:35px; text-align:center; text-transform:lowercase; font-weight:200; letter-spacing:0px; margin-top:15px; color:#983218; }

h4 { font-size:10px; color:#e37242; }
h5 { font-size:10px; color:#e37242; }


u { color:#e37242; font-weight:bold; font-family:'ABeeZee'; }


strike, s { color:#983218; font-weight:bold; font-family:'ABeeZee'; }


p { margin-top:6px; margin-bottom:6px; }


ul li { list-style-type: disc;  }


body {
    background:#080808;
    color:#e1e1e1;
    font-family: 'Montserrat';
    font-weight:500;
    font-size: 10px;
    line-height:16px;
    letter-spacing:.5px;
    text-align:justify;
    margin: 0;
    background-image:url('https://wallpaperaccess.com/full/2201.jpg');
    background-attachment: fixed;
    background-size: cover;
    }


 #Fear1{
background-repeat: no-repeat;
    margin-left: 5px;
    background-position: bottom left;
    background-size: 600px;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image:url('https://i.imgur.com/t6YMgBZ.png');
    background-attachment: absolute;
    opacity: 1;
    transition: 1s;
    z-index: -2;}

    #Fear2{
background-repeat: no-repeat;
    margin-left: 0px;
    background-position: bottom left;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    background-image:url('https://i.imgur.com/7xifrx3.png');
    background-attachment: absolute;
    opacity: 1;
    transition: 1s;
    z-index: -1;}



#contain { position:absolute; margin:auto; left:450px; right:0px; top:0px; bottom:0px; width:756px; height:520px; overflow:visible; z-index:1; }


#inner {
    background:#0b0502;
    width:756px;
    height:520px;
    margin:auto;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    position:absolute;
    z-index:2;
    overflow:hidden;
    background-image:url('');
    }


#main {
    width:350px;
    height:520px;
    margin:0px;
    left:410px;
    font-size:9px;
    position:absolute;
    font-family: 'Montserrat';
    overflow-x:hidden;
    overflow-y:hidden;
    letter-spacing:0px;
    z-index:22;
    }


/*-- sɪᴅᴇʙᴀʀ ɪɴғᴏʀᴍᴀᴛɪᴏɴ --*/


.title { font-family:'triester';
    text-align:left;
    font-size:72px;
    line-height:68px;
    width:289px;
    height:269px;
    text-transform:uppercase;
    position:absolute;
    top:4.8%;
    left:-4.1%;
    letter-spacing:-2px;
    color:#983218;
    z-index:999999;
    display:inline-block;
    -webkit-transform:scale(0.64,1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.sidebarpic {
    position: absolute;
    top: 33%;
    left:22%;
    overflow:hidden;
    width:250px;
    height:350px;
    z-index:9;
     background-image: url('https://i.imgur.com/zddYGwS.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: absolute;
    z-index:;}




.sidebarpic2 {
    position: absolute;
    top: 45.7%;
    left:3%;
    overflow:hidden;
    width:160px;
    height:120px;
    z-index:9;
background-image: url('https://i.imgur.com/AKqkqNr.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: absolute;}


.ooc {
font-family:'coco';
    position:absolute;
    width: 150px;
    line-height:9px;
    height:150px;
    font-size:10px;
    color:#efefef;
    overflow:auto;
    text-transform:lowercase;
    letter-spacing:2px;
    text-align: left;
    font-weight:500;
    top:70%;
    left:3%;
    line-height:120%;
    z-index:99999999999;}

.ooc b { color:##983218;
}

.ooc u { color:##983218;
}



.number { font-family:'coco';
    position:absolute;
    font-size:15px;
    color:#efefef;
    letter-spacing:2px;
    text-align: justify;
    z-index:9999;
    font-weight:bold;
    text-shadow: 0 0 0.1em ;
    top:94%;
    left:14%;
    }



#info { position:absolute; left:27%; top:4%; width:200px; height:160px; background-color:transparent; z-index:99999; }

.desc2 {
    font-family:'Montserrat';
    position:absolute;
    width: 190px;
    padding:5px;
    line-height:9px;
    height:150px;
    font-size:12px;
    color:#efefef;
    overflow:auto;
    text-transform:lowercase;
    letter-spacing:2px;
    text-align: left;
    z-index:9999;
    font-weight:500;
    line-height:120%;}

.desc2 b { color:#e37242;
}

.desc2 u { color:#e37242;
}

#thinline { position:absolute; left:3%; bottom:4.2%; width:75px; height:1px; background-color:#a1a1a1; z-index:99999; }


#bio { position:absolute; margin:auto; right:0%; top:0%; width: 350px; padding-top:20px; height:521px; background-color:#000; overflow:hidden; }

.bttitle { font-family:'triester';
   text-align:left;
   font-size:40px;
   line-height:50px;
   width:315px;
   height:270px;
   overflow:hidden;
   text-transform:uppercase;
   position:absolute;
   top:85.3%;
   left:3.8%;
   letter-spacing:5px;
   color:#ffffff;
   z-index:999999;
   display:inline-block;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.descnon { font-family:'coco';
   font-style:italic;
   text-align:left;
   font-size:11px;
   line-height:13px;
   width:180px;
   height:200px;
   overflow:hidden;
   text-transform:lowercase;
   position:absolute;
   top:83%;
   left:4.3%;
   letter-spacing:1px;
   color:#ffffff;
   z-index:999999;
   display:inline-block;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.desctxt {
   font-family:'coco';
   text-align:Justify;
   font-size:11px;
   line-height:13px;
   width:320px;
   height:400px;
   overflow:auto;
   text-transform:none;
   position:absolute;
   top:2%;
   left:4.3%;
   letter-spacing:1px;
   color:#ffffff;
   z-index:999999;
      -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.descboo { font-family:'coco';
   text-align:left;
   font-size:22px;
   line-height:20px;
   width:49px; height:49px;
   overflow:hidden;
   text-transform:lowercase;
   position:absolute;
   top:1.5%;
   right:0.5%;
   letter-spacing:1px;
   color:#ffffff;
   z-index:999999;
   display:inline-block;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
</style>

<div id="Fear1"></div>

<div id="Fear2"></div>

<div id="contain">
<div id="inner">

<div id="info">
<div class="desc2">
<b>Name</b>: Not named (Goes by Mercenary, Bounty Hunter, or Fear). <br>
<b>Gender</b>: Male<br>
<b>Age</b>: Looks around 24 years<br>
<b>Species</b>: Human <br>
<b>Height</b>: 6' 2<br>
<b>Orientation</b>: Straight <br>
<b>Occupation</b>: Mercenary <br>
</div>

</div>
<div id="thinline"></div>

<div class="sidebarpic"></div>

<div class="sidebarpic2"></div>


<div id="sidebar">

<div class="title">FEAR: Nameless Mercenary</div>

<div class="ooc">
1. DM Friendly<br>
2. Smut = Story<br>
3. Art edited but not created by me. Edit is mine.<br>
4. Irl =/= RP<br>
5. Ask for f-list and other information.<br>

Coded by <a target="_blank" href="https://roleplay.chat/profile.php?user=Jtalhdi" A title="Don't Steal!">CatBrat</a>

</div>

<div class="number"> OOC </div>

</div>

</div>

<div id="main">

<div id="bio">


<div class="bttitle">Shadow Touched</div>
<div class="descnon">[ FEAR ]</div>

<div class="desctxt"><h1>Background</h1><p>
The nameless warrior was born in the Edo period of Japan. He was considered "shadow touched" at birth which led his parents to abandon him. Most shadow-touched children die within 6 years of life and were considered to be bad omens. Fear was taken in by a demon known as Garith who taught him the common language and explained to him that this was a gift, not a curse. Fear learned how to harness the dark energy within him, something that was thought to be exclusive to demons. When He turned 17, he killed his teacher ruthlessly and went to live among humans as a mercenary. He quickly achieved notoriety due to his incredible killing ability and was given the nickname "Fear" because of the nature of his attacks. Fear holds resentment for many people and assumes everyone is scum. This gives him a generally rude and curt demeanor. However, if he trusts you, he will be the most loyal companion you could ask for. When he's in less irritable moods, you might find him taking notes or sketching his surroundings.

<center><img src="https://i.imgur.com/Rq6SlZL.png"width="150px" height="150px"></center>
<h1>Combat</h1><p>
<b>Shadow Aura</b>:<br>
His abilities are rather complex, but not plentiful. They are based around his ability to conjure a shadowy, dark aura. This aura has many properties that are important to discuss: When the aura comes in contact with a living being other than Fear, it saps their strength. How exactly does it do this? It increases the strain on their bodies and causes their heart rate to rapidly increase and exhaust them. Prolonged exposure to the aura can result in exhaustion, loss of consciousness, heart attack, and death. When someone suddenly feels out of breath with no physical activity, the brain is tricked into starting a fear response. Adrenaline will pump through the blood of the target and they will enter flight or fight mode. One interesting aspect of this aura is that it can actually buff allies or enemies by giving them a surge of adrenaline. When Fear is in this aura, he gains a sort of time dilation technique. In other words, he becomes much faster. The more concentrated the aura, the faster he will become. Using a lot of this aura will drain Fear's energy. The aura is unaffected by wind or any physical force, but it is weakened by light. The aura cannot move or grasp anything.<br><br>

<b>Shadow-Step</b>:<br> This is Fear's most frequent move. He can create a burst of concentrated aura in any direction around him. The aura burst allows him to travel quickly through it and makes it looks like he's teleporting (though he's just moving really quickly). A shadowy aura is left in the wake of the move that quickly dissipates. The range of this move is 5 meters (can go much further in pitch darkness) This move is special because he steps into the shadow realm for a brief moment. He can use this ability to pass through walls and obstacles, but he cannot attack anything with this ability. This ability has a 1.5-second cooldown. Shadow-step also has the option of resetting his momentum, but doesn't have to. This allows him to survive falls and such. He can shadow-step with objects he's wearing or that are in his grasp. He can also shadow-step in mid-air with nothing to kick off of. He cannot shadow-step into solid objects. Shadow-stepping removes all aura he is in control of. <br><br>

<b>Aura Control</b>:<br>

Fear cannot create an aura that doesn't radiate directly from him or more aura. In other words, he cannot summon aura that is detached from him. He can produce aura in all directions and from any part of his body. He will cloak himself in a light aura to augment his physical abilities though this does not provide much defense. The aura can create any shape although it is only black and cannot change color. Fear can adjust the concentration of the Aura. The more concentrated, the stronger the effect on himself and others. It takes time to "charge" up a very concentrated aura and takes a lot of energy to do so. The range of the aura is infinite (but he will run out of energy eventually). The aura has a speed of about 10 mph in addition to his own movement speed but can move at much much faster speeds if it is a short burst. The short bursts will disappear after moving at such speed (this is what allows him to shadow step.) He can make a small path of aura that can extend the speed to about 40 mph. <br><br>

<b>Fighting Style</b>:<br>

Fear fights like a samurai with mostly close-range swordplay. He is devastating at close range because he can do quick bursts of movements with his sword and choke the surrounding atmosphere with aura to cause his opponents to become exhausted and panic. He will attempt to close the gap and go for the kill. Fear has almost perfect night vision because he can sense heat with his eyes. He will use small tendrils of aura that take minimal energy and can go up to 40 mph to reach the enemy with his aura and weaken them. (Think like Shikamaru's shadow possession, but instead of paralyzing them, he will extend the aura at the tip of the tendril and cause exhaustion). The sword he uses is a katana named "Fear" after what people call him. It is black obsidian with tints of red and purple and is enchanted to be almost indestructible. The sword is effective even against undead creatures such as ghouls and ghosts. <br><br>

<b>Finishers</b>:<br>

Total Darkness - This is a powerful move that surrounds the area in a sphere of aura. It is very draining, but he reaps all the benefits of having a dome of aura. He will attempt to catch an enemy off guard who underestimates the scope of his abilities and finish them quickly when they are in this dome. <br><br>
Final Slash- Fear will charge a hyper-concentrated path of aura in front of him. It takes a lot of time to charge, so he will most likely need a teammate to pull this off (or otherwise be in a dark room). However, once this aura makes contact with the enemy, even if it's just a kiss of aura, he will travel through it at immense speeds. It will be practically instantaneous and allow him to cut through anything. This move is like shadow stepping but it has further range and can do a lot of damage (it just isn't instant). So what about something massive and heavy? Well, time dilation only dampens the effects of physics slightly, making him a little bit stronger and resistant. His main prowess is speed, not strength. <br><br>

<b>Telekinesis</b>:<br>

Fear received Serenity's magic crystal infused with her blood. It is red and attached to a chain. It provides Fear with the ability to use telekinesis, though he's still new at using this.


<H1>Strengths and Weaknesses</H1>:

Very little long-range options, but amazing at close combat. The main thing to mention here is the effect of the lighting on his combat prowess. The darker it is, the less amount of aura he needs to use. The brighter it is, the more he has to use. In harsh sunlight, his abilities become a kind of a joke. The shadow-step takes too much time to charge, so it becomes very predictable by just observing where the aura is forming. In lower light, the shadow-step looks instantaneous. In order to be useful in harsh daylight, Fear needs to exhaust all of his mana, so he usually only has one chance to defeat his opponent. In darkness, his abilities really do well. In zero light, he can use minimal aura and stop time completely for everyone but him. Zero light doesn't really happen naturally and will have to be produced by someone else's ability if such ability even exists. Also, in low light, his aura becomes harder to see, so you will be less aware of his movements. <p>

One weakness to mention is that he has no particular defensive capabilities (besides sword blocking). Fear really is a glass cannon. Find him in a dark room, and consider yourself lucky if you survive after one blink. However, in other forms of low light, you may have a chance if you can keep your distance, keep your cool, and read his movements with a long-range or AOE attack (since one good attack will be enough). Fighting him close range will be tricky but possible if you can read the path of his shadows. One strength to mention is the fact that he isn't really speeding up, but he's dilating time. This means that he can bathe in aura to become extra perceptive and have time to figure out his opponent. It is important to note that he does not have an increased perception in shadow-stepping. He is able to use shadow steps because of a mental technique that blocks his consciousness. But this is what makes shadow-stepping readable. If you can see where the aura is appearing, you know that he will appear at the end of it in approximately the same pose that he started with. Shadow-Stepping also removes all aura he is in control of, so forcing him to dodge with shadow-stepping can help you avoid the aura.
</div>


</div>

</div>