Jameson

<style type="text/css">
@import url(//fonts.googleapis.com/css?family=Bebas Neue);
@import url(//fonts.googleapis.com/css?family=Courgette);
@import url(//fonts.googleapis.com/css?family=Oswald);
@import url(//fonts.googleapis.com/css?family=Comfortaa);
@import url(//fonts.googleapis.com/css?family=Poppins);
@import url(//fonts.googleapis.com/css?family=Sedgwick+Ave);
@import url(//fonts.googleapis.com/css?family=Pathway+Gothic+One);




.pfor { display: none; }
 #profile { background-color: transparent; border: none; overflow: auto;}
/*body*/

 body {
 background-color: #110f0b;
}

body, a {cursor: url(https://66.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_540.png), auto;}

b, strong { font-family: Comfortaa; font-size: 12px;line-height: 15px; font-weight: bold;
 color: #050709;
 text-shadow: 1px 0px 0px #185b6f,
 -1px 1px 0px #185b6f,
 0px 0px 0px #185b6f,
 0px -1px 0px #185b6f,
 0px 0px 1px #185b6f;
}

i, em {color:#d36e54; font-family: Sedgwick Ave; font-size:12px;}


/*scroll*/
::-webkit-scrollbar {
 width: 5px;
 height: 0px;
 background:;
 }

 ::-webkit-scrollbar-thumb {
 background-color: #045066;
 -webkit-border-radius: 10px;
 border-radius: 10px;
z-index: 999;
 }


/*aesthetics*/
#background img{
position: absolute;
width: 100%;
height:100%;
top:0px;
left: 0px;
z-index: 2;
}

/*navigation*/
#navi {
 position: fixed;
 left:29%;
 top:48%;
 text-align:center;
 color: white;
 width: 50vw;
 height: 20px;
 padding:5px;
 line-height:7px;
 z-index: 6;
display: inline-block;
 float: left;
transform: rotate(-41deg);
 }

 #navi a:link, #navi a:visited {
 text-decoration:none;
 font-weight:normal !important;
 padding:5px;
 top: 10px;
 margin-left: 1px;
 width: 1.9vw;
height: 0.2vh;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 background-color: #8f886b;
 float: left;
 }

 #navi a:hover {
 background-color:#045066;
 text-decoration:none;
 float: left;
 }

/*content*/
.box {
 position: fixed;
 width: 30vw;
 height:39vh;
 top: 46%;
 left: 56%;
 padding: 5px;
 font-size: 12px;
 line-height: 13px;
 text-align: center;
font-family: 'Oswald';
 color: #8f886b;
 overflow: auto;
 opacity: 0;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:2;
 }

 .box:target {
 top: 46%;
 left: 56%;
 overflow: auto;
background-color: #transparent;
 opacity: 1;
 transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -o-transition: all 0.7s ease-in-out;
 -ms-transition: all 0.7s ease-in-out;
 z-index:8;
 }

/*tables*/
td.one{
 width: 261px;
 font-family: Comfortaa;
 font-size: 12px;
 text-align: left;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 9px;
 font-weight: bold;
 color: #050709;
 text-shadow: 1px 0px 0px #185b6f,
 -1px 1px 0px #185b6f,
 0px 0px 0px #185b6f,
 0px -1px 0px #185b6f,
 0px 0px 1px #185b6f;
}

 td.two{
 width: 261px;
 font-family: Oswald;
 font-size: 12px;
 text-align: right;
 word-spacing: 1px;
 letter-spacing: 0px;
 line-height: 9px;
 color: #8f886b;
 }

/*link*/
a:link,a:active,a:visited {
 color: #60774f;
 font-family: courgette;
 font-size: 12px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-transform: none;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 z-index: 7;
 }

 a:hover {
 color: #1a0e0b;
text-shadow: 1px 0px 0px #60774f,
 0px 1px 0px #60774f,
 -1px 0px 0px #60774f,
 0px -1px 0px #60774f,
 0px 0px 20px #60774f;
 font-family: courgette;
 font-size: 12px;
 line-height: 10px;
 letter-spacing: 0px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
}

</style>
<div id="background"><img src="http://i.picpar.com/uumd.jpg"></div>

<div id="navi">
 <a href="#one"></a>
 <a href="#two"></a>
<a href="#three"></a>
<a href="#four"></a>
<a href="#five"></a>
</div>

<div id="one" class="box">
 <table>
 <tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

 <tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

<tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

 <tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

 <tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

 <tr><td class="one">
 Left stat
 </td><td class="two">
  ---
 </td></tr><tr>

<tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>


<tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

<tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>

<tr><td class="one">
 Left stat
 </td><td class="two">
 ---
 </td></tr><tr>
</table>
 </div>

 <div id="two" class="box">
two<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nisl ante, posuere in auctor id, malesuada sed nulla. Vivamus ex neque, suscipit vel ante nec, fermentum vehicula quam. Phasellus laoreet nec urna et pretium. Donec facilisis sollicitudin ex, nec tristique nibh ullamcorper et. Mauris gravida interdum sollicitudin. Aliquam feugiat enim id venenatis placerat. Duis sem nunc, eleifend eu nunc vitae, accumsan fermentum leo. Curabitur posuere nisi eget fermentum imperdiet. Donec imperdiet lorem vel metus pretium molestie.

Nullam id eleifend mi, at finibus nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed euismod enim velit, in rutrum mi feugiat vel. Fusce elementum placerat justo, vitae tincidunt dolor cursus eu. Curabitur et dapibus odio. Nam consequat felis id tellus commodo porttitor. Fusce mollis ac dui a hendrerit. Donec vitae turpis ullamcorper eros efficitur mattis eu non neque. In hac habitasse platea dictumst. Vestibulum lobortis augue non felis ultrices euismod. Aliquam ornare lorem non nisi imperdiet volutpat. Pellentesque varius diam eget facilisis lobortis. Fusce id lacinia sem, sit amet auctor elit. Pellentesque enim nulla, ullamcorper vitae cursus et, mattis quis purus. Sed ultricies, urna vitae mollis lobortis, risus diam finibus nibh, ac luctus mauris libero sit amet nisl.

Fusce aliquam pulvinar dui. Morbi tincidunt in justo eget condimentum. Aliquam vehicula tincidunt fringilla. Aenean hendrerit mollis urna, vulputate egestas neque efficitur lobortis. Duis consectetur pellentesque sapien, sed dapibus turpis ornare ut. Duis vel pellentesque ex. Nam eu dapibus lorem, ac commodo mi. Aliquam sed ligula sit amet lorem mollis molestie et quis sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet eleifend dolor. Ut viverra placerat consequat. Curabitur eu ipsum rutrum, aliquet diam et, pellentesque libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et metus quis purus gravida pellentesque at et nulla. Donec eleifend risus convallis turpis porta euismod.

Mauris blandit suscipit gravida. Fusce non faucibus lacus, id tempus mauris. Nunc lacinia, purus nec ullamcorper vehicula, lacus ante sollicitudin libero, at dapibus odio diam vitae mauris. Quisque in metus ac leo efficitur ornare lobortis eu neque. Etiam non sem sit amet ipsum commodo tempor. Sed nec suscipit lorem. Proin eros sem, suscipit vitae consequat nec, hendrerit a velit. Nunc accumsan sem quam, eget dapibus metus consequat nec. Mauris tincidunt elementum dolor a suscipit. Proin fermentum nulla ut lorem ornare ullamcorper. Ut maximus mauris ut leo gravida dictum. Nunc porta nisl dolor, eu luctus leo scelerisque vel.

Suspendisse potenti. Maecenas ornare tempus velit eu sodales. In vulputate condimentum augue, a placerat erat condimentum vel. Integer nec orci consequat odio tincidunt rhoncus. Ut vel ullamcorper nunc. Nulla non placerat quam. Maecenas ut elit vel nunc finibus laoreet. Sed sed sapien varius, condimentum est sit amet, porttitor erat. Aliquam eleifend molestie mattis. Duis consectetur nisi vel sollicitudin hendrerit. Aliquam iaculis, nibh a aliquet luctus, odio ex ullamcorper libero, sed feugiat arcu augue vitae nulla. Donec a diam pellentesque, dictum est in, venenatis tellus. Vivamus varius ex ac odio porta vestibulum. In vulputate nunc vitae pulvinar dapibus. Proin cursus augue in massa ultrices porttitor. Quisque tristique dolor nibh, sit amet pharetra nisl luctus eget.
 </div>

<div id="three" class="box">
three<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nisl ante, posuere in auctor id, malesuada sed nulla. Vivamus ex neque, suscipit vel ante nec, fermentum vehicula quam. Phasellus laoreet nec urna et pretium. Donec facilisis sollicitudin ex, nec tristique nibh ullamcorper et. Mauris gravida interdum sollicitudin. Aliquam feugiat enim id venenatis placerat. Duis sem nunc, eleifend eu nunc vitae, accumsan fermentum leo. Curabitur posuere nisi eget fermentum imperdiet. Donec imperdiet lorem vel metus pretium molestie.

Nullam id eleifend mi, at finibus nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed euismod enim velit, in rutrum mi feugiat vel. Fusce elementum placerat justo, vitae tincidunt dolor cursus eu. Curabitur et dapibus odio. Nam consequat felis id tellus commodo porttitor. Fusce mollis ac dui a hendrerit. Donec vitae turpis ullamcorper eros efficitur mattis eu non neque. In hac habitasse platea dictumst. Vestibulum lobortis augue non felis ultrices euismod. Aliquam ornare lorem non nisi imperdiet volutpat. Pellentesque varius diam eget facilisis lobortis. Fusce id lacinia sem, sit amet auctor elit. Pellentesque enim nulla, ullamcorper vitae cursus et, mattis quis purus. Sed ultricies, urna vitae mollis lobortis, risus diam finibus nibh, ac luctus mauris libero sit amet nisl.

Fusce aliquam pulvinar dui. Morbi tincidunt in justo eget condimentum. Aliquam vehicula tincidunt fringilla. Aenean hendrerit mollis urna, vulputate egestas neque efficitur lobortis. Duis consectetur pellentesque sapien, sed dapibus turpis ornare ut. Duis vel pellentesque ex. Nam eu dapibus lorem, ac commodo mi. Aliquam sed ligula sit amet lorem mollis molestie et quis sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet eleifend dolor. Ut viverra placerat consequat. Curabitur eu ipsum rutrum, aliquet diam et, pellentesque libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et metus quis purus gravida pellentesque at et nulla. Donec eleifend risus convallis turpis porta euismod.

Mauris blandit suscipit gravida. Fusce non faucibus lacus, id tempus mauris. Nunc lacinia, purus nec ullamcorper vehicula, lacus ante sollicitudin libero, at dapibus odio diam vitae mauris. Quisque in metus ac leo efficitur ornare lobortis eu neque. Etiam non sem sit amet ipsum commodo tempor. Sed nec suscipit lorem. Proin eros sem, suscipit vitae consequat nec, hendrerit a velit. Nunc accumsan sem quam, eget dapibus metus consequat nec. Mauris tincidunt elementum dolor a suscipit. Proin fermentum nulla ut lorem ornare ullamcorper. Ut maximus mauris ut leo gravida dictum. Nunc porta nisl dolor, eu luctus leo scelerisque vel.

Suspendisse potenti. Maecenas ornare tempus velit eu sodales. In vulputate condimentum augue, a placerat erat condimentum vel. Integer nec orci consequat odio tincidunt rhoncus. Ut vel ullamcorper nunc. Nulla non placerat quam. Maecenas ut elit vel nunc finibus laoreet. Sed sed sapien varius, condimentum est sit amet, porttitor erat. Aliquam eleifend molestie mattis. Duis consectetur nisi vel sollicitudin hendrerit. Aliquam iaculis, nibh a aliquet luctus, odio ex ullamcorper libero, sed feugiat arcu augue vitae nulla. Donec a diam pellentesque, dictum est in, venenatis tellus. Vivamus varius ex ac odio porta vestibulum. In vulputate nunc vitae pulvinar dapibus. Proin cursus augue in massa ultrices porttitor. Quisque tristique dolor nibh, sit amet pharetra nisl luctus eget.
 </div>

<div id="four" class="box">
four<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nisl ante, posuere in auctor id, malesuada sed nulla. Vivamus ex neque, suscipit vel ante nec, fermentum vehicula quam. Phasellus laoreet nec urna et pretium. Donec facilisis sollicitudin ex, nec tristique nibh ullamcorper et. Mauris gravida interdum sollicitudin. Aliquam feugiat enim id venenatis placerat. Duis sem nunc, eleifend eu nunc vitae, accumsan fermentum leo. Curabitur posuere nisi eget fermentum imperdiet. Donec imperdiet lorem vel metus pretium molestie.

Nullam id eleifend mi, at finibus nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed euismod enim velit, in rutrum mi feugiat vel. Fusce elementum placerat justo, vitae tincidunt dolor cursus eu. Curabitur et dapibus odio. Nam consequat felis id tellus commodo porttitor. Fusce mollis ac dui a hendrerit. Donec vitae turpis ullamcorper eros efficitur mattis eu non neque. In hac habitasse platea dictumst. Vestibulum lobortis augue non felis ultrices euismod. Aliquam ornare lorem non nisi imperdiet volutpat. Pellentesque varius diam eget facilisis lobortis. Fusce id lacinia sem, sit amet auctor elit. Pellentesque enim nulla, ullamcorper vitae cursus et, mattis quis purus. Sed ultricies, urna vitae mollis lobortis, risus diam finibus nibh, ac luctus mauris libero sit amet nisl.

Fusce aliquam pulvinar dui. Morbi tincidunt in justo eget condimentum. Aliquam vehicula tincidunt fringilla. Aenean hendrerit mollis urna, vulputate egestas neque efficitur lobortis. Duis consectetur pellentesque sapien, sed dapibus turpis ornare ut. Duis vel pellentesque ex. Nam eu dapibus lorem, ac commodo mi. Aliquam sed ligula sit amet lorem mollis molestie et quis sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet eleifend dolor. Ut viverra placerat consequat. Curabitur eu ipsum rutrum, aliquet diam et, pellentesque libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et metus quis purus gravida pellentesque at et nulla. Donec eleifend risus convallis turpis porta euismod.

Mauris blandit suscipit gravida. Fusce non faucibus lacus, id tempus mauris. Nunc lacinia, purus nec ullamcorper vehicula, lacus ante sollicitudin libero, at dapibus odio diam vitae mauris. Quisque in metus ac leo efficitur ornare lobortis eu neque. Etiam non sem sit amet ipsum commodo tempor. Sed nec suscipit lorem. Proin eros sem, suscipit vitae consequat nec, hendrerit a velit. Nunc accumsan sem quam, eget dapibus metus consequat nec. Mauris tincidunt elementum dolor a suscipit. Proin fermentum nulla ut lorem ornare ullamcorper. Ut maximus mauris ut leo gravida dictum. Nunc porta nisl dolor, eu luctus leo scelerisque vel.

Suspendisse potenti. Maecenas ornare tempus velit eu sodales. In vulputate condimentum augue, a placerat erat condimentum vel. Integer nec orci consequat odio tincidunt rhoncus. Ut vel ullamcorper nunc. Nulla non placerat quam. Maecenas ut elit vel nunc finibus laoreet. Sed sed sapien varius, condimentum est sit amet, porttitor erat. Aliquam eleifend molestie mattis. Duis consectetur nisi vel sollicitudin hendrerit. Aliquam iaculis, nibh a aliquet luctus, odio ex ullamcorper libero, sed feugiat arcu augue vitae nulla. Donec a diam pellentesque, dictum est in, venenatis tellus. Vivamus varius ex ac odio porta vestibulum. In vulputate nunc vitae pulvinar dapibus. Proin cursus augue in massa ultrices porttitor. Quisque tristique dolor nibh, sit amet pharetra nisl luctus eget.
 </div>

<div id="five" class="box">
five<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nisl ante, posuere in auctor id, malesuada sed nulla. Vivamus ex neque, suscipit vel ante nec, fermentum vehicula quam. Phasellus laoreet nec urna et pretium. Donec facilisis sollicitudin ex, nec tristique nibh ullamcorper et. Mauris gravida interdum sollicitudin. Aliquam feugiat enim id venenatis placerat. Duis sem nunc, eleifend eu nunc vitae, accumsan fermentum leo. Curabitur posuere nisi eget fermentum imperdiet. Donec imperdiet lorem vel metus pretium molestie.

Nullam id eleifend mi, at finibus nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed euismod enim velit, in rutrum mi feugiat vel. Fusce elementum placerat justo, vitae tincidunt dolor cursus eu. Curabitur et dapibus odio. Nam consequat felis id tellus commodo porttitor. Fusce mollis ac dui a hendrerit. Donec vitae turpis ullamcorper eros efficitur mattis eu non neque. In hac habitasse platea dictumst. Vestibulum lobortis augue non felis ultrices euismod. Aliquam ornare lorem non nisi imperdiet volutpat. Pellentesque varius diam eget facilisis lobortis. Fusce id lacinia sem, sit amet auctor elit. Pellentesque enim nulla, ullamcorper vitae cursus et, mattis quis purus. Sed ultricies, urna vitae mollis lobortis, risus diam finibus nibh, ac luctus mauris libero sit amet nisl.

Fusce aliquam pulvinar dui. Morbi tincidunt in justo eget condimentum. Aliquam vehicula tincidunt fringilla. Aenean hendrerit mollis urna, vulputate egestas neque efficitur lobortis. Duis consectetur pellentesque sapien, sed dapibus turpis ornare ut. Duis vel pellentesque ex. Nam eu dapibus lorem, ac commodo mi. Aliquam sed ligula sit amet lorem mollis molestie et quis sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque sit amet eleifend dolor. Ut viverra placerat consequat. Curabitur eu ipsum rutrum, aliquet diam et, pellentesque libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et metus quis purus gravida pellentesque at et nulla. Donec eleifend risus convallis turpis porta euismod.

Mauris blandit suscipit gravida. Fusce non faucibus lacus, id tempus mauris. Nunc lacinia, purus nec ullamcorper vehicula, lacus ante sollicitudin libero, at dapibus odio diam vitae mauris. Quisque in metus ac leo efficitur ornare lobortis eu neque. Etiam non sem sit amet ipsum commodo tempor. Sed nec suscipit lorem. Proin eros sem, suscipit vitae consequat nec, hendrerit a velit. Nunc accumsan sem quam, eget dapibus metus consequat nec. Mauris tincidunt elementum dolor a suscipit. Proin fermentum nulla ut lorem ornare ullamcorper. Ut maximus mauris ut leo gravida dictum. Nunc porta nisl dolor, eu luctus leo scelerisque vel.

Suspendisse potenti. Maecenas ornare tempus velit eu sodales. In vulputate condimentum augue, a placerat erat condimentum vel. Integer nec orci consequat odio tincidunt rhoncus. Ut vel ullamcorper nunc. Nulla non placerat quam. Maecenas ut elit vel nunc finibus laoreet. Sed sed sapien varius, condimentum est sit amet, porttitor erat. Aliquam eleifend molestie mattis. Duis consectetur nisi vel sollicitudin hendrerit. Aliquam iaculis, nibh a aliquet luctus, odio ex ullamcorper libero, sed feugiat arcu augue vitae nulla. Donec a diam pellentesque, dictum est in, venenatis tellus. Vivamus varius ex ac odio porta vestibulum. In vulputate nunc vitae pulvinar dapibus. Proin cursus augue in massa ultrices porttitor. Quisque tristique dolor nibh, sit amet pharetra nisl luctus eget.
 </div>