Son Pan

<style>
/*
PLEASE DO NO REMOVE THE INVISIBLE CREDIT
Author: Elle
Language: CSS/HTML
Originally For: Grym [RPC Profile]

Note from my boi Zed:
…………………………………...„„-~^^~„-„
…………………………„-^'' : „'' : : -„
………………..„- : : :„„--/ :: : '\
………………./ : : „- . .| : ::: '|
……….../ : „-* . . . | : :: : |
………...„-* . .. .| : : ::: :'|
……….../ . .. . '| : : :: : :|
……..../ . ... .'\ : : : : : |
…….../ . . . . . \ : : : : :|
……../ . . . . . . '\ : : : :/
……../ . . . . . . . -„„„„-'
………'/ . .. . . . . '|
……'/ . . . . . . . .'|
……/.. .. . ./ . . . .|
../ . . .'/ . . .'| Give This Cock To Everyone
./ . . . / . . .'| You Care About hearts
'/ . . . . . . . .'|
'/ . . . . . . . .'|
'/ . ... . . . . . '|
……'| . .. \ . . . .|
…'| . ... „^-„ . . .'|
……| . . '\ \ / '/ . |
………| .\ . . \ .'' / '|
………| . . . . / .'/ ...| +rep, sexi
………| . .| .. / ./ ..../ |

*/

@import url('https://fonts.googleapis.com/css?family=Comfortaa|Libre+Barcode+128+Text|Lobster|Marck+Script');
::-webkit-scrollbar {width: 0.3vw; height: 0.3vh;}
::-webkit-scrollbar-track {border-radius: 0px; background: transparent;}
::-webkit-scrollbar-thumb {border-radius: 0px; background: #aaa;}

body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}

body{background: #a58d6a;
background-image: url('https://i.imgur.com/uiz7hFh.png');
background-size: cover;}

 img {
 user-drag: none;
 user-select: none;
 -moz-user-select: none;
 -webkit-user-select: none;
 -webkit-user-drag: none;
 -ms-user-select: none;
 }

#content {
 position: absolute;
 width: 100%;
 height: 80%;
 background-image: url('http://i.imgur.com/RGrbt5o.png');
 background-size: cover;
 left:0;
 top: 10%;
 box-shadow: #888 0vh 0.1vh 4vh 0.1vh;
}

.main-image {
 position: absolute;
 height: 100%;
 width: 30%;
 perspective: 700px;
 z-index: 1;
 right: 0;
 animation: grym 3s 1;
 -webkit-animation: grym 3s 1;
}

.flipH .strawberry{transform: rotateY(-180deg);}
.flipV .strawberry{transform: rotateX(180deg);}

.flipH:hover .card{ transform: rotateY(180deg); }
.flipV:hover .card{ transform: rotateX(-180deg); }

.card, .tooth, .strawberry{
 height:100%;
 width:100%;
 border-radius:100%;
 backface-visibility: hidden;
 transition: all 1.5s;
 transform-style: preserve-3d;
 backface-visibility: hidden;
 position:absolute;
 opacity: 1;
}

#quote{
 position: absolute;
 width: 100%;
 font-family: 'Libre Barcode 128 Text';
 font-size: 5vh;
 top: 1%;
 animation: fade 3s 1;
 -webkit-animation: fade 3s 1;
}

@keyframes fade{
 from{opacity:0;}
}

@-webkit-keyframes{
 from{opacity:0;}
}

#name{
 position:absolute;
 font-family: 'Lobster';
 font-size: 8.5vh;
 bottom: 8%;
 right: 10%;
 z-index: 1;
 background: #transparent;
 background: url(http://33.media.tumblr.com/tumblr_m4e8ezq5TY1r72ht7o1_250.gif) -20px -20px repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 animation: grym 3s 1;
 -webkit-animation: grym 3s 1;
}

#box {
 position: absolute;
 height: 73%;
 width: 45%;
 top: 12%;
 right: 30%;
 background: navajowhite;
 border: 3px solid #555;
 border-radius: 5%;
 padding: 5px;
 animation: grym 3s 1;
 -webkit-animation: grym 3s 1;
}

@keyframes grym{
 from{
 right: -50%;
 opacity: 0;
 }
}

@-webkit-keyframes grym{
 from{
 right: -50%;
 opacity: 0;
 }
}

#host{
 height: 100%;
 width: 100%;
 overflow: hidden;
 }

#bio, #info, #friends{
 height:96%;
 width:95%;
 overflow:auto;
 font-family: 'Comfortaa';
 font-size: 2vh;
 letter-spacing: -1.5px;
 padding: 10px;
 z-index:1;
 }

#ooc {
 position: absolute;
 overflow: auto;
 height: 65%;
 width: 16.5%;
 top: 17%;
 right: 79%;
 background: navajowhite;
 border: 3px solid #eadbc2;
 border-radius: 5%;
 padding: 5px;
 font-family: 'Comfortaa';
 font-size: 2vh;
 letter-spacing: -1.5px;
 animation: grym 3s 1;
 -webkit-animation: grym 3s 1;
}

h1 {font-family: 'Lobster';font-size: 4vh;}

a {text-decoration: none;color: #440404;}

b {font-size: 120%;}

.r {float:right;}

.pretty {
 font-family: 'Comfortaa', cursive;
 font-size:12px;
 color: #8784A1;
 text-shadow: -1px 0 white, 0 1px white,1px 0 white, 0 -1px white;
 letter-spacing: -2px;
 }

#nav {
 position: absolute;
 height: 5%;
 width: 40%;
 bottom: 9%;
 right: 33.5%;
 font-family: 'Comfortaa';
 font-size: 5vh;
 animation: grym 3s 1;
 -webkit-animation: grym 3s 1;
 }

#song{
 float:left;
 background:#000;
 overflow:hidden;
 margin-top: -25px;
 margin-left:-11px;
 opacity: 0;
}

#moosic {
 position: absolute;
 height: 3%;
 width: 3%;
 bottom: 12.5%;
 right: 31.5%;
 font-size: 3vh;
 z-index: 1;
 transition: 1s;
 animation: grym 3s 1;
 -webkit-animation: grym 3s 1;
}

#moosic:hover {
 color: white;
 text-shadow: -1px 0 gray, 0 1px gray,1px 0 gray, 0 -1px gray;
 transition: 1s;
}
 /* PLEASE DO NOT REMOVE VISIBLE CREDIT */
#credit {
 position: absolute;
 height: 3%;
 bottom: 1%;
 left: 2%;
 font-family: 'Comfortaa';
 font-size: 2vh;
 letter-spacing: -2px;
}

</style>
<div id="content">
 <div class="main-image flipH flipper">
 <div class="card">
 <div class="tooth">
 <img src="https://i.imgur.com/WM9dx3J.png" height="100%";>
 </div>
 <div class="strawberry">
 <img src="https://i.imgur.com/7Yknvz3.png" height="100%">
 </div>
 </div>
 </div>
 <div id="quote">
 <center></center>
 </div>
 <div id="box">
 <div id="host">
 <div id="info">
 <center><h1>Dossier</h1></center>
 <br>
<b>Name</b><div class="r">Son Pan</div><br>
 <b>Nicknames</b><div class="r">Pan, Panny, Pan-chan</a></div><br>
 <b>Gender</b><div class="r">Female</div><br>
 <b>Age</b><div class="r">18 y.o.</div><br>
 <b>Height//Weight</b><div class="r">5ft5inches//115lbs</div><br>
 <b>Hair//Eyes</b><div class="r">Short bobbed Black<a href="" target="_blank" title="Gold and spiked up in super saiyan."> * </a>,//Black<a href="" target="_blank" title="Green in super saiyan."> * </a></div><br>
 <b>Species</b><div class="r">1/4 Saiyan, 3/4 Human</div><br>
 <b>Occupation</b><div class="r"><a href="" target="_blank" title="Currently off duty/Stranded."> Time Patroller *</a></div><br>
 <b>Residence</b><div class="r">N/A <a href="" target="_blank" title="Currently hauled up inside of a hotel.">*</a></div><br>
 <b>Sexual orientation</b><div class="r">Pansexual</div><br>
 <b>Marital Status</b><div class="r">Single</div><br><br>
<center><h2>Personality</h2>

<p>Pan takes after both those of the Son family and those of the Satan family. She has that blunt and hands way of thinking, and competitive edge, that Videl had as a teenager. Even going as far as to be a general tomboy. Often Feisty and stubborn, she isn't one to relent or back down from a challenge. She tends to be on the competitive side though as well.</p>

<p>She has the chipper upbeat demeanor that her father and grandfather are known for, and that need to push herself past her limits like a saiyan would. However, she also has a haughty attitude that makes it seem like she barks a bit. However, this is only ever really in friendly competition. Nothing extremely serious. She seems to take her fights light-heartedly though. Trying to keep herself level-headed and to not allow herself to get overwhelmed.</p>
<p>But despite the gusto, she may carry, don't expect her to go howling off like her grandpa Hercule. Instead, she'll just be overzealous and eager to jump into the ring for a fight. That being said she holds honor and a moral code to her standards. She prefers a fair fight rather than resorting to dirty tricks.This was something she could thank her father, Gohan for. She upholds that sense of justice. And wants to protect people if she can. </p>


</div>
 <br>
 <div id="bio">
 <center><h1>Biography</h1>

<p>As a child she was trained by a number of the Z warriors. Her father, Picollo (reliving what her father went through... Lord that was scary). Krillian, her grandpa Goku, and so on. She proved to have some skill set and it was nice to be able to show and develop her own skills.</p>

<p>Pan became a time patrol after being summoned. Shortly after the incidents that involved Demigra, she was brought to Toki Toki City now Conton City, to aid in the patrols. Here she found her need for a 'job' and her drive to fight and grow stronger both becoming sated. She could become a productive member of society and also keep herself in shape and continue to grow stronger. </p>

<p>She trained under a number of mentors like any other patroller. Some she knew, others she didn't. Even meeting a younger version of her mother and father. Damn, that was awkward. And seeing them in action at Saiyaman and woman... Oh boy... it was really hard to not laugh. How did she ever enjoy that as a child? Then again she was a kid she, and of course, would be amused by it. And even if her father is a dork she loves him and her mother with all her heart. Her family is one of the most important things to her after all.</p>

<p>Her goal? As silly as it might sound, would be to become the stronger in the universe. She wants to surpass her father, which might not be that hard... But also to surpass her grandpa Goku as well. This might sound silly but this is something she will proudly admit to. She pulled a Trunks and wished for a teammate or partner to help her hand the threat of Towa and Mira and then the arising on Demigra. This turned out to bring the first Majin on her team Hokasu or Hoka as she called her.</p>

<p>Hoka and Pan have a bit of a rivalry. In fact, the two seem to be always at each other throats. Hokasu had some resentment towards her at the beginning but... This was dissolved after a friendly battle which resulted in a new member of the team... Pokasu, Hoka's younger sister. A much more bubbly and happy majin. </p>

<p>Their team would grow with the addition of a Namekian named Obo, and two humans named Vaneera and Koku a set of twins. Pan was made the leader, and led her team to victory. She was able to subdue Mira and Towa. Pokasu became victim to Towa's possession and took severe damage when under the control of her. It took a very reluctant Hoka to beat her sister into submission to break this spell. Poka was unable to recover though and join in the final show down. She was left in the care of Vaneera, who nursed and took care of the majin. The final battle with Demigra took Pan, Hoka, Koku, and Obo... But in the void... A crack in time.... A sacrifice was made. Koku gave himself up, to allow his teammates a chance to save everything. He was injured, and would not make it through the fight... Pan had to make a call. He refused to relent, and instead gave them the opening they needed. Pan order Obo, and Hoka to attack... The three charged... and fired up a barrage of ki.... Taking out Demigra once and for all, with their teammate Koku. Koku was erased with Demigra. And due to the location of his demise, he was unable to be wished back by any dragon balls.</p>

<p>Pan had to break the news to Vaneera.... Her twin brother, and only family was gone. And not coming back. This led to the normally sweet and kind Vaneera to snap... Attempting to attack her leader. Pan allowed her to take any and all strikes at her. She was beaten and bloodied... Injured... She allowed her to take her anger out of her. But Hoka and Obo had to pull Vaneera off of Pan. The human on their team would leave. Quitting her job as a Patroller and cursing her former leader and her teammates. They could have saved him. They could have wished him back. She refused to believe otherwise.</p>

Pan often started to train and work on her own. her team had no disbanded, but she took less chance of putting them in harms way. Een though was the leader of that mission, and Trunks' 'partner' she has given the mantle of Hero of Toki Toki City. A mantle she wishes was not given to her. She pushed for Koku's sacrifice to be noticed, she pushed for her team members to get the attention but they weren't having it.. It was just her. </p>

<p>This continued into the shift to Conton City. The events that would leave to Towa rebuilding Mira, and Mira himself getting out of control... Were face with Team Alpha. Now comprised of Hokasu, Pokasu, Obo, and a new patroller, a Icejin named Fridgedge. Or.... As his team makes called him... Edgelord. Pan and

<p>As a time patroller, she is expected to avoid making any massive alterations to the timelines. Such as a certain pale haired time traveler did. However, it is rather hard, when the time machine used for Parallel quests, or the training quests most patrollers would use, were faulty. Being older model machines they were more likely to break down. Often leaving the patrollers stranded till either another patroller received their message for help or they would become stuck in this strange timeline they were attempting to fix.</p>

<p>This doesn't usually happen that often, and most of the time when it does the patrollers are saved in a matter of days, or even weeks. This is normally due to the emergency signal is given off by the machine in such events. It allows pinpointing the stranded patroller's location much easier. However, there are cases where some will be unable to be located was the machine they used was completely fried. This... Happened to Pan.</p>

<p>Pan was set for coordinates for a mission in another timeline, however, the coordinates become screwed up, and not only did it land Pan in a time she wasn't aiming for... For the time she was trying to avoid. She was stuck in a time where she was still a child. So there were in a sense two Pans around. And her signal was lost. Will she ever return home?! Will she manage to elude those who might recognize her?! Will she be stuck in a time that is familiar to her but still not her own?! </p>
 </center>
 </div>
 <br>
 <div id="friends">
<center><h1> Techniques and abilities</h1></center><br>
<center>
<br>
<b>Super Saiyan 1</b>-<br> Pan is capable of going Super Saiyan one and is working towards two.<br><br>
<b>Flight</b> –<br> Pan can manipulate her ki to counter gravity and fly.<br><br>
<b>Ki Blast</b> –<br> A simple bolt of energy launched at the opponent. Pan's version is yellow.<br><br>
<b>Ki enfused strikes</b> Encasing her hands and or feet in a decent amount of Ki she gains an aura or wrap around them giving her more strike power. This ability was self taught.<Br>
<b>Kamehameha</b> –<br> The legendary energy wave invented by the great Master Roshi, launches a very powerful, whitish-blue blast at the opponent.<br> <br>
<b>Maiden's Rage</b> –<br> When angered by an enemy, Pan forms a ki orb on each hand and then combines them to unleash a huge ki blast.<br><br>
<b>Maiden Blast</b> -<br> A short-ranged version of Maiden's Rage, where combines the energy collected into each hand to create a large energy sphere directly in front of her.<br><br>
<b>Maiden Flash</b> –<br> A weaker version of the Maiden's Rage. <br><br>
<b>Reliable Friend</b> –<br> Pan charges yellowish-orange energy spheres in both of her hands in a fashion similar to her Maiden's Rage energy wave and fires several powerful energy blasts at a very rapid rate.<br><br>
<b>Scatter Kamehameha</b> A kamehameha that bursts into multiply blasts.<br><Br>
<b>Dual Destructo disk</b>- Learned from Krillin in her own time<Br><br>
<b>Spirit bomb</b> – Learned from Goku. <Br><Br>
<b>Final Shine attack</b> <br><br>
<b>Spirit Sword</b><Br><br>
<b>Maiden's Burst</b> –<br> An Explosive Wave technique.<br><br>
<b>Masenko</b> –<br> An energy attack passed down from her father Gohan, who was taught the technique to him by Piccolo. Pan's version is red and orange.<br><br>
<b>Feint Shot</b> -<br> Uses Rapid Movement while moving sideways then suddenly reappears to fire off a pink-colored ki blast. <br><br>
<b>Afterimage Strike</b> –<br> A technique that allows one to move at high speeds and appear to disappear and reappear. <br><br>
<b>Explosive Wave</b> –<br> Pan uses an Explosive Wave.<br><br>
<b>Spirit Attack</b> –<br> A blue blast of energy fired from both hands used by Pan.<br><br>
<b>Spirit Shot</b> –<br> A sparkling yellow energy ball with a pink outline.<br><br>
<b>Destructo-Disc</b> -<br> One of Pan's attacks in Xenoverse at least according to the sound files). She might have learned it from Goku.<br><br>
<b>Solar Flare</b> -<br> One of Pan's attacks in Xenoverse at least according to the sound files). She might have learned it from Goku.<br>
</center>
 </div>
 </div>
 </div>

 <div id="ooc">
 <center><h1>Out of Character</h1></center>
<b>▪</b> PM friendly 99.99% of the time.
<Br><b>▪</b> This is a teen/time patroller Pan.
<BR><b>▪</b> If a relationship happens IC? It'll be based on chemistry with characters.
<BR><b>▪</b> IC=/= OOC.
<BR><b>▪</b> Smut can happen with some build up please.
<BR><b>▪</b> Art and layout are not mine.
<BR><b>▪</b> Story > Sex.
<BR><b>▪</b> She can go ssj1. Deal with it.
<BR><b>▪</b> The character and the typist are two different people.
<BR><b>▪</b> Feel free to start with a post.
<BR><b>▪</b> Real life > Roleplay.
<BR><b>▪</b> Do not PM me asking me to be friends OOCly, this is not how you start a friendship. Just talking and going from there is how you do it.
<BR><b>▪</b> Do not message me with just a 'hey' or 'hello', and expect me to respond ICly... this is not a starter... And will not be treated as one.
<BR><b>▪</b> OOC is in parentheses.</div>
 <div id="nav">
 <center><a href="#info"><img src="https://cdn.bigmouthclothing.com/assets/images/designs/resized/300/DES-VIEW-1281-523b14b6215f3.png"
 width="20px"></a> - <a href="#bio"><img src="https://cdn.bigmouthclothing.com/assets/images/designs/resized/300/DES-VIEW-1281-523b14b6215f3.png"
 width="20px"></a> - <a href="#friends"><img src="https://cdn.bigmouthclothing.com/assets/images/designs/resized/300/DES-VIEW-1281-523b14b6215f3.png"
 width="20px"></a></center>
 </div>
 <div id="credit">
 © <a href="https://roleplay.chat/profile.php?user=Elsie">Elle</a>. Get the code <a href="https://pastebin.com/U00WKnZG">here.</a>
 </div>
</div>
<div id="name">
Son Pan
</div>
<div id="moosic" class="pretty">
 ▶
 <div id="song">
 <audio controls>
 <source src="jjj">
 </audio>
 </div>
</div>