MORE CODE

@import url('https://fonts.googleapis.com/css?family=Atomic+Age');

#profile
{background-image:url(); background-color:#fff; background-position:center; background-repeat:repeat; border-width:0px; cursor: url(http://cur.cursors-4u.net/cursors/cur-6/cur568.cur)}

::-webkit-scrollbar { width:px;   }
::-webkit-scrollbar-track { background-color:#ffffff; }
::-webkit-scrollbar-thumb { background-color:#000000;}

body
{background-image:url(http://i.picpar.com/0JMc.png);
 background-color:#fff;
background-position:center;
 background-repeat:no-repeat;
 background-size:100%;}

.title {letter-spacing:2;
text-align:center;
font-family: 'Atomic Age', cursive;
color:#fff;
position:relative;
top:0px;
right:0px;
font-size:40px;
}

.title:a {

-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

.title:hover {opacity:1;
color:548f85;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}

#navi {
    position: absolute;
    margin-top:-30px;
    right:320px;
    }

#navi a {
    float: left;
display: block;
    width: 10px;
    height: 5px;
    background: #ccc;
transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
    margin-left: 5px;
    -moz-border-radius:20px;
    -webkit-border-radius: 20px;
}


#navi a:hover {
background-color:transparent;
}



#first {
background-color:rgba(99,99,99,0.10);
height:50px;
width:420px;
position:fixed;
top:450px;
left:100px;
}

#first:hover #hana {
position: absolute;
bottom:50px;
left:0px;
opacity: 0.85;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}


#hana {
position: absolute;
bottom:50px;
left:0px;
height:250px;
width:400px;
opacity: 0;
background-color:rgba(99,99,99,0.10);
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
color:#fff;
text-align:justify;
padding:10px;
font-family:consolas;
font-size:7pt;
}


#navib {
    position: absolute;
    margin-top:-30px;
    right:320px;
    }

#navib a {
    float: left;
display: block;
    width: 10px;
    height: 5px;
    background: #ccc;
transition:all 1s ease-out;-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;
    margin-left: 5px;
    -moz-border-radius:20px;
    -webkit-border-radius: 20px;
}


#navib a:hover {
background-color:transparent;
}



#second {
background-color:rgba(99,99,99,0.10);
height:50px;
width:420px;
position:fixed;
top:450px;
right:100px;
}

#second:hover #dul {
position: absolute;
bottom:50px;
right:0px;
opacity: 0.85;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}


#dul {
position: absolute;
bottom:50px;
right:0px;
height:250px;
width:400px;
opacity: 0;
background-color:rgba(99,99,99,0.10);
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
color:#fff;
text-align:justify;
padding:10px;
font-family:consolas;
font-size:7pt;
}


 a:hover
{opacity:0.6;
color:#5DBCD2;
background-color:transparent;
text-decoration:none;
line-height:0px;}
a:link, a:visited
{color:#5DBCD2;
background-color:transparent;
text-decoration:none;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

i {font-family:Bell MT; font-size: 9pt; color:#fff;}
b {color:#fff; font-size: 8pt; font-family:Bell MT; }

::selection {background-color: transparent; }
::-moz-selection {background-color: transparent; }


#picture
{background-image:url(http://www.limepic.com/img/JTeV.jpg); background-position:right;  background-repeat:no-repeat; position:absolute; height:600px; width:411px; right:100px; top:5px; -moz-border-radius: 0em 4em 4em 0em;
border-radius: 0em 4em 4em 0em; }


#page {
width: 400px;
text-align: justify;
height:250px;
overflow: hidden;
background: transparent; padding: 0px;}

.page{
WIDTH: 400px; padding: 0px;
height:240px; text-align: justify;
overflow: auto; }



table {
width:400px;
height:240px;
margin-left:0px;
border-collapse:separate;
font-family:consolas;
color: #777777;
font-weight:100;
font-size:10px;
letter-spacing: 1px;
 padding:0px;}

td {
    padding: 0px;
}
#left{height:0px; text-align: left; }

#right {height:0px; text-align: right;}

/*Profile in eternal progress! Waha, waha~*/

<div id="first"><div class="title">VIEGLES</div>
<div id="navi">
<a href="#1" title="geography." id="links"></a>
<a href="#2" title="culture." id="links"></a>
<a href="#3" title="abilities." id="links"></a>
</div>
<div id="hana">
<div id="page"><a name="1"></a>
<div class="page">

<table>
<tr><td id="left">NAME</td> <td id="right">SHIMIZU EIRI</td></tr>
<tr><td id="left">AGE</td> <td id="right">16</td></tr>
<tr><td id="left">HEIGHT</td> <td id="right">154CM</td></tr>
<tr><td id="left">WEIGHT</td> <td id="right">54KG</td></tr>
<tr><td id="left">ALIAS</td> <td id="right">HUMAN</td></tr>
<tr><td id="left">OCCUPATION</td> <td id="right">STUDENT & PART-TIMER</td></tr>
<tr><td id="left">APPEARANCE</td> <td id="right"><a target="_blank" href="https://imgur.com/a/O3ZEayi">REFERENCE</a></td></tr>
<tr><td id="left">ORIENTATION</td> <td id="right">BISEXUAL</td></tr>
<tr><td id="left">AFFILIATION</td> <td id="right">UA ACADEMY</td></tr>
<tr><td id="left">QUIRK</td> <td id="right">MAGNETOKINESIS</td></tr>
</table>
</div>

<div id="page"><a name="2"></a>
<div CLASS="page">
<p>not every family was understanding and proud to have a gijinka child - or attempt to protect their new born from the hands of team umbra's cruel project to attempt to duplicate their special gene. akino's family didn't hesitate to look at the little bone stubs sticking out of their infant's scalp, and sign her away..feeling that her <i>needs were too special</i> for what they could provide. the deer girl did not see freedom for another sixteen years. the experiments executed under team umbra were grotesque, and stamped in akino's dreams every night. later, the government had finally passed the law that every gijinka minor would be released from every facility to receive an EDUCATION.</p>

<p>there is always a catch to everything too good to be true, and that was that the experiments would not subside. so long as hasegawa akino's name is in the system, or that there was even a system - <i>a NURSE</i> would continue coming to her little apartment. it has been almost a year of partial freedom, and she has a lot to learn about the outside world.</p>

</div></div>

<div id="page"><a name="3"></a>
<div class="page">
<br><p>in and outside of battle, akino is quick on her feet. she is able to dodge what is a highly accurate move from other POKEMON - and run from every challenge in the wild when weak. with great speed comes a low defense, she is easily distracted or intimidated. it is in her character to persist despite great injury if the fight is a necessary one. she is good in picking up fighting patterns, though currently lacks many moves herself due to lack of fighting experience. outside of battle, akino is captain of the ballet club, and highly flexible. she has much endurance with physical feats and injury. </p>
<br><b>[てんのめぐみ]</b> SERENE grace, hidden ability.
<br><b>[ようりょくそ]</b> chlorophyll, first ability.
<br><b>[にどげり]</b> double kick, OFFENSIVE.
<br><b>[HM01]</b> cut, OFFENSIVE/out of battle.</div></div>

</div></div>

<div id="second"><div class="title">EARTH</div>
<div id="navib">
<a href="#4" title="geography." id="links"></a>
<a href="#5" title="culture." id="links"></a>
<a href="#6" title="abilities." id="links"></a>
</div>
<div id="dul">
<div id="page"><a name="4"></a>
<div class="page">
<p>A low gravity planet in the neighboring galaxy to Earth, shielded by a layer of electromagnetic waves that shoot from the core of the planet back out to space. The only way to travel through its thick atomsphere is if a portal is produced to travel through it. It is only revealed should the planet's intelligent inhabitants lead you to their rather large home. It is a very old planet, the first created in it's galaxy and possibly even one of the first in the mysterious beginning of the universe considering the vastness of it. It is similar to Earth yet unique as a mother planet, also being the third planet from twin suns which are ultimately smaller than Viegles. The planet is caught in eternal spring. Oceans are coral, thin grass is a generous green all year round. It is a world that could be comparable to what a human would call, <i>Heaven</i>. Viegles and its natural land formations such as hooded mountains, flowered valleys, and low clouds all suggest that this planet is simply a paradise. </p>
</div>

<div id="page"><a name="5"></a>
<div CLASS="page">
<p>not every family was understanding and proud to have a gijinka child - or attempt to protect their new born from the hands of team umbra's cruel project to attempt to duplicate their special gene. akino's family didn't hesitate to look at the little bone stubs sticking out of their infant's scalp, and sign her away..feeling that her <i>needs were too special</i> for what they could provide. the deer girl did not see freedom for another sixteen years. the experiments executed under team umbra were grotesque, and stamped in akino's dreams every night. later, the government had finally passed the law that every gijinka minor would be released from every facility to receive an EDUCATION.</p>

<p>there is always a catch to everything too good to be true, and that was that the experiments would not subside. so long as hasegawa akino's name is in the system, or that there was even a system - <i>a NURSE</i> would continue coming to her little apartment. it has been almost a year of partial freedom, and she has a lot to learn about the outside world.</p>

</div></div>

<div id="page"><a name="6"></a>
<div class="page">
<br><p>in and outside of battle, akino is quick on her feet. she is able to dodge what is a highly accurate move from other POKEMON - and run from every challenge in the wild when weak. with great speed comes a low defense, she is easily distracted or intimidated. it is in her character to persist despite great injury if the fight is a necessary one. she is good in picking up fighting patterns, though currently lacks many moves herself due to lack of fighting experience. outside of battle, akino is captain of the ballet club, and highly flexible. she has much endurance with physical feats and injury. </p>
<br><b>[てんのめぐみ]</b> SERENE grace, hidden ability.
<br><b>[ようりょくそ]</b> chlorophyll, first ability.
<br><b>[にどげり]</b> double kick, OFFENSIVE.
<br><b>[HM01]</b> cut, OFFENSIVE/out of battle.</div></div>


</div></div>