Valr

<style>
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900|Quicksand');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|Playfair+Display+SC:900');


#profile
{background-color:#F9F9F9; background-image:url(http://i.picpar.com/pjKc.png); background-repeat:repeat;}

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

body
{background-color:#F9F9F9; background-image:url(http://i.picpar.com/pjKc.png); background-repeat:repeat;}

#picture{background-image:url(https://i.imgur.com/p6MPGXf.jpg); background-repeat:no-repeat; height:650px; width:450px; position:fixed; margin-left:200px; top:50px; bottom:0px; background-size:120%; border:solid 20px #696460;}


.tri {width:400px;
 height:600px;
background-color:#696460;
 position:fixed;
top:95px;
left:250px;
opacity:0.0; filter:alpha(opacity=0); transition: all 1s ease-out; -o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;}

.tri:hover{
opacity:0.8; filter:alpha(opacity=0.8);}


#title{background-color:transparent; height:20px; font-family: 'Playfair Display SC', serif; font-size:50px; width:700px; letter-spacing:2; position:fixed; color:#696460; top:300px; left:810px;opacity:0;transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s;}

body:hover #title{background-color:transparent; height:20px; font-family: 'Playfair Display SC', serif; sans-serif;font-size:50px; width:700px; position:fixed; color:#696460; top:300px; left:810px;opacity:1; -webkit-transition: all 1s linear;
 -moz-transition: all 1s linear;
 transition: all 1s linear;transition-delay: 2.5s;}


#line {background-color:#696460; position:fixed; top:360px; left:0px; height:50px; width:0px; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear;transition-delay: 500s;
-moz-transition-delay: 500s;
-webkit-transition-delay: 500s;
-o-transition-delay:500s;  z-index:-99; }
body:hover #line {background-color:#696460; position:fixed; top:360px; left:0px; height:50px; width:100%; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear; z-index:-99; }


#page {
width:390px;
text-align: justify;
height:420px;
overflow: hidden;
background: transparent;
font-size:10pt;
color:#ccc;
font-family: 'Quicksand', sans-serif;
}

.page{
width:380px;
height:420px;
text-align: justify;
overflow: auto;
background:transparent;
padding:10px; }


table {
width:300px;
height:250px;
margin-left:50px;
font-family: 'Quicksand', sans-serif;
color:fff;
font-style:bold;
font-size:11px;
letter-spacing: 1px;
border-bottom:1px solid #ccc;
padding:10px;}

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


h1{background-color:transparent; color:#fff; font-family: 'Quicksand', sans-serif;  letter-spacing:2px; font-size:16px; text-align:center; border-bottom:#ccc solid 2px; width:100%; height:15px; line-height:12px;}

a:hover
{opacity:0.2;background-color:transparent; text-decoration:none;
line-height:0px;}
a:link, a:visited
{color:#ccc; background-color:transparent; text-decoration:none; line-height:0px; -webkit-transition: all 2.5s linear;
 -moz-transition: all 2.5s linear;
 transition: all 2.5s linear;}


 #nav { position:fixed; height:10px; width:700px; background-color:transparent;  top:370px; right:150px; }
#nav a{ width:155px; height:5px; float:right; display:inline; float:right; margin:2px; padding:0px; background-color:#999; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

#nav a:hover {width:155px; height:5px; margin:2px; padding:0px; float:right;  background-color:#000;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }


.pfor {display: none; }


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

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


/*Profile in eternal progress! Waha, waha~*/
</style>
</head>
<body>
<div id="line"></div>
<div id="nav">
<a href="#1" title="stats." id="links"></a>
<a href="#2" title="summary." id="links"></a>
<a href="#3" title="abilties." id="links"></a>
<a href="#4" title="rules." id="links"></a>
</div>


<div id="picture"></div>
<div class="tri">
<div id="page"><a name="1"></a>
<div class="page">
<br>
<h1>DOSSIER</h1>
<table>
<tr><td id="left">NAME</td> <td id="right">MIYAHARA SENNA</td></tr>
<tr><td id="left">ALIAS</td><td id="right">BOOBIE-LADY, NANA</td></tr>
<tr><td id="left">AGE</td><td id="right">22</td></tr>
<tr><td id="left">HEIGHT</td> <td id="right">5FT 3</td></tr>
<tr><td id="left">WEIGHT</td> <td id="right">52KG</td></tr>
<tr><td id="left">RACE</td> <td id="right">HUMAN</td></tr>
<tr><td id="left">APPEARANCE</td> <td id="right"><a target="_blank" href="https://imgur.com/a/7AZBG">REFERENCE</a></td></tr>
<tr><td id="left">OCCUPATION</td> <td id="right">ENGINEER/TRAINER</td></tr>
<tr><td id="left">ORIGIN</td> <td id="right">ALOLA</td></tr>
<tr><td id="left">ORIENTATION</td> <td id="right">BISEXUAL</td></tr>
</table>

</div>
<div id="page"><a name="2"></a>
<div class="page">
<div id="pokemon">
<h1>POKEMON</h1>
<p><img src="http://i.picpar.com/Y6Ic.png" title="incineroar.">
</div>

</div>

<div id="page"><a name="3"></a><div class="page">
<p>SENNA'S FATHER WAS BORN DEAF, MUTE, AND VERY POOR. HER MOTHER, HIROMI, FELL IN LOVE WITH HIM REGARDLESS; THOUGH BEGAN TO FORGET THE INITIAL REASON WHY SOON AFTER HER DAUGHTER WAS BORN. STRESS, LACK OF PROPER COMMUNICATION, AND EVEN SHAME OF THEIR SMALL FAMILY'S POVERTY ALL PUSHED HIROMI TO WALK AWAY FROM HER FAMILY WITHOUT WARNING. WHEN SENNA WAS 8, HER MOTHER RAN AWAY. NOT EVEN LETTER WAS LEFT WHEN HIROMI WAS CONVINCED TO VENTURE DARKER WATERS FOR TEAM SKULL. </p>
<p>HER FATHER ATTEMPTED TO RAISE SENNA AS NORMALLY AS POSSIBLE ON HIS OWN, TEACHING HER SIGN LANGUAGE AND PASSING DOWN HIS LOVE FOR INVENTION. HE HELD GREAT PRIDE FOR HER UNTIL SHE BEGAN TO EXPRESS INTEREST IN BECOMING A POKEMON TRAINER. SENNA'S FATHER HARBORED A DORMANT PAIN OF BEING ABANDONED, THUS FORBIDDING HER TO LIVE ANYTHING BUT A NORMAL LIFE FOR FEAR SHE WOULD TOO, BE LOST ONE WAY OR THE OTHER.</p>
<p>SENNA HAS TO TRAIN IN SECRET, LIVING A DOUBLE LIFE IN ORDER TO APPEASE THE ONLY FAMILY THAT SHE HAS.</p>
</div></div>
<div id="page"><a name="4"></a><div class="page">

</div>


<div id="title">BLESSING AND A CURSE

</div>