Yukkii

<style>
.pfor{display:none;}
body {background-color: #000000;}
body {background-image:url("https://i.ytimg.com/vi/2S1pCfl14BI/maxresdefault.jpg"); background-attachment:fixed; background-size:100%;}
#pbox {margin: auto;
width: 600px;
background-color:black;
border-style: solid;
border-width: 2px;
border-color: #333;
padding: 5px;
}
</style>

<style type="text/css">
!-- Copy from here, into the Style section --!
#player{
 position: fixed;
 z-index:2;
 bottom: 230px;
 left: 934px;
 border-radius: 15px;
 width: 32px;
 height: 32px;
 border: 5px solid #D5D5D5;
 box-shadow: 0px 0px 19px #D5D5D5;
 overflow:hidden;}


</style>



<style>
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #HexColor;
}

li {
 float: left;
}

li a {
 display: block;
 color: #1B59E8;
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
}

li a:hover {
 background-color: #FFB8DF;
}
</style>



<ul>
 <li><a href="#one">Stats</a></li>
 <li><a href="#two">Personality</a></li>
 <li><a href="#three">History</a></li>
 <li><a href="#four">OOC</a></li>
 <li><a href="#five">Gallery</a></li>
 <li><a href="#home">Reset</a></li>
</ul>






<style>
img {
 border-radius: 50%;
}

img {
 display: block;
 margin: auto;
 font-size: 18px;
}


.tabs {
float: left;
margin-right: 15px;
margin-bottom: 15px;
width: 54px;
height: 54px;
text-align: left;
}

.info{
position: fixed;
right: 500;
bottom: 55;
margin-top: 234px;
width: 326px;
height: 425px;
padding: 10px;
background: #8AC0D3;
font-family: Arial Italic;
color: #29334A;
font-size: 14px;
line-height: 15px;
text-align: justify;
border: 2px solid #FFB8DF;
outline-offset: 2px;
opacity: 0;
overflow: auto;
transition: 1s;
}

.info:target{
opacity: 1;
transition: 1s;
z-index: 1;
}


</style>


<div class="info" id="one"><h1>Stats</h1>
<strong>Full Name:</strong> Amano Yukiteru <br><br>
<strong>Age:</strong> 18 <br><br>
<strong>Gender:</strong> Male <br><br>
<strong>Race:</strong> Human <br><br>
<strong>Height:</strong> 161 cm (5'3") <br><br>
<strong>Alias:</strong> Yuki, Yuukkii, Yukkii <br><br>
<strong>Build:</strong> Fit, Slim <br><br>
<strong>Sexual Orientation:</strong> Yuno <br><br>
<strong>Status:</strong> <a target="_blank" href="https://roleplay.chat/profile.php?user=Yuno">Yuno</a> <br> <br>
<strong>Occupation:</strong> Unemployed </div>

<div class="info" id="two"><h1>Personality</h1>Yuki is most well known for his crybaby personality. He also has a tendency to cower while in battle, usually relying on Yuno for protection. He lacks confidence and is usually submissive to confrontation. He is well aware of and fears Yuno's insanity regarding him, but has a strong desire to keep her sane, often forgiving her for her mistakes and keeping her from murdering others. Initially, he has little desire to become a god.
<br><br>
After the deaths of his parents, however, his desire increases exponentially and he becomes more vicious, cunning, and willing to kill, shown when he does not try to stop Nishijima's death and when he kills The Eight's followers despite an alliance between the two. After being told that Yuno is lying and not even a god can revive the dead, he becomes emotionally upset and shoots Hinata, Mao, and Kosaka.
<br><br>
After Akise's death, his trust in Yuno decreases, but he tries to love her as best he can. He refuses to kill her to become god despite their earlier arrangement. During the battle against Yuno, he acknowledges his love for her and persistently pursues her into the Third World. His love for her pushes him to save her Third World self (to ensure she had a good future) and allows him to escape her illusion orb. After becoming a god, he mourns her for 10,000 years before happily reuniting after she breaks the wall of space and time.
<br><br>
However, when Muru Muru showed him the flashbacks from the First World where Yuno came from, Yuki seemed braver and less cowardly. The reason why Yuki was weak in the Second World was because he was pampered and fiercely protected by First World's Yuno all the time.</div>

<div class="info" id="three"><h1>History</h1>A year prior to the beginning of the Survival Game, Yukiteru's parents divorced. In spite of that, he still holds out hope that they will reconcile and be a family again. Since then, his mother is often away for fairly long periods of time due to her occupation, and his father rarely visits him.
<br><br>
The series begins with Yuki narrating his life and how he records everything in his life in a cell phone diary from a bystander's point of view. It is later revealed that he has two friends who he believes to be imaginary, Deus Ex Machina, the god of time and space, and his servant, Muru Muru. On this particular day, Deus asks Yukiteru if he would like to "play a game". Yukiteru remains silent and the next morning he discovers that his diary has gained the ability to predict the future for the next ninety days.
<br><br>
He then exploits the advantage of being able to predict the future to avoid several school hazards and scores number one on a surprise math test, all with an uncharacteristic air of confidence causing many to view him as a different person. Somewhen later, he saw a clay figure of Muru Muru (his "imaginary friend") made by Yuno Gasai, who appear right after he saw the figure. The loss for words, he ran away, only to see a startling entry in his diary, a "Dead End". He learns that he is to be killed by a serial killer he had heard about earlier on the news and initially believes it to be Yuno who appears to know of the effects of his Future Diary. He runs in fear of being killed but no matter where he goes he can't seem to shake off Yuno. He eventually escapes to an elevator in a building only for Yuno to break in at the last second while at the same time revealing that she too is a Future Diary holder. Yukiteru prepares to attack, but Yuno grabs his wrist, pins him to the elevator wall, and kisses him.
<br><br>
She then reveals to Yukiteru her "Yuki Diary" which simultaneously reveals her obsession with him. She informs him that the true serial killer, the Third was on his way to kill him on the 14th floor and instead sends the elevator to the roof. Yukiteru is scared but Yuno tells him that she has a plan. Meanwhile, the Third is revealed to also be a Future Diary holder and possesses the "Murder Diary" which gives him the future locations of his next victims.
<br><br>
Yuno and Yukiteru escape to the roof of the building and lie on wait for the Third to arrive. As the Third checks his Future Diary in confusion, Yukiteru appears and throws a dart with pin point accuracy right at the serial killer's "Murder Diary" causing the said killer to ripple and erased from existence (i.e. die). Following this, he appears before Deus and begins to realize the nature of the "game". Yuno then crazily expresses her desire to protect Yukiteru which causes him to put on a panicked expression in response to her obsessiveness.
<br><br>
Later, Yukiteru follows Muru Muru to Deus's Cathedral of Causality and it is revealed that along with Yuno and Yukiteru himself, 10 other people have been granted Future Diaries by Deus Ex Machina. The mechanics of the game are finally revealed. The goal of the game is for the players to eliminate one another with the help of their Future Diaries to compete for the prize of becoming the successor of Deus Ex Machina. With the Third dead, only eleven remains and all of the other Future Diary holders (with the exception of Yuno) believe Yukiteru, identified as the First, to be the most dangerous among them and resolve to take him out first. However, the Fourth openly declares that he will protect him.</div>

<div class="info" id="four"><h1>OOC</h1><strong><br><br><h3 style="color:pink;">Yukkii is mine...leave already.</h3></div>

<div class="info" id="five"><h1>Gallery</h1><style>

div.img {
 margin: 5px;
 border: 1px solid #ccc;
 float: left;
 width: 180px;
}

div.img:hover {
 border: px solid #777;
}

div.img img {
 width: 100%;
 height: 80%;
}

div.desc {
 padding: 15px;
 text-align: center;
}
</style>


<div class="img">
 <a target="_blank" href="http://i.imgur.com/h5YIjA1.png">
 <img src="http://i.imgur.com/h5YIjA1.png" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/LVZ2JrL.jpg">
 <img src="http://i.imgur.com/LVZ2JrL.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/ucYYkYI.jpg">
 <img src="http://i.imgur.com/ucYYkYI.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/c6Yc8G8.png">
 <img src="http://i.imgur.com/c6Yc8G8.png" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/mEcca96.jpg">
 <img src="http://i.imgur.com/mEcca96.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/8r21OIi.gif">
 <img src="http://i.imgur.com/8r21OIi.gif" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/3sqRsxs.jpg">
 <img src="http://i.imgur.com/3sqRsxs.jpg" width="300" height="200">
 </a>
</div>

<div class="img">
 <a target="_blank" href="http://i.imgur.com/sDXqX2w.jpg">
 <img src="http://i.imgur.com/sDXqX2w.jpg" width="300" height="200">
 </a>
</div>


</div>





<style>
img {
 border-radius: 50%;
 display: block;
 margin: auto;
 height:60%;
 width: auto;
}
</style>