Yoi's layout.

<style type="text/css">

body {

background-color: #EAE0D6;
background-image: url(http://i.imgur.com/0KcK55x.jpg);
background-attachment: fixed;
background-position: right;
background-repeat: no-repeat;
background-size: contain;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}

::-webkit-scrollbar-track {background-color:#EAE0D6;}
::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
::-webkit-scrollbar {width:11px;height:5px;}

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

b, strong {font-weight: bold; color: #74828d;}

#main { width: 800px; height: 300px; margin: auto; }



@-webkit-keyframes turning_cw {0%{-webkit-transform: rotate(0deg); } 100%{-webkit-transform: rotate(360deg); } }
@-webkit-keyframes turning_acw {0%{-webkit-transform: rotate(360deg); } 100%{-webkit-transform: rotate(0deg); } }

@-moz-keyframes turning_cw {0%{-moz-transform: rotate(0deg); } 100%{-moz-transform: rotate(360deg); } }
@-moz-keyframes turning_acw {0%{ -moz-transform: rotate(360deg); } 100%{ -moz-transform: rotate(0deg); } }

@keyframes turning_cw {0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
@keyframes turning_acw {0%{ transform: rotate(360deg); } }

#line { position: fixed; top: 150; left: 100; height: 2px; width: 505px; background-color: #000; overflow: auto; z-index: 2; }

.Name { position: fixed; top: 100; left: 100; color: #792F30; font-size: 47px; line-height: 50px; font-family: 'Shojumaru', sans-serif; z-index: 900; }

.abox {background-color:#EAE0D6; color: #000; font-size: 14px; font-family: 'Rajdhani', sans-serif; text-align: justify; position: fixed; width: 500; height: 300; left: 100; top: 180; letter-spacing:0px; line-height: 15px; padding: 3px; margin: 1px; overflow:auto; border: 1px #8ecbff; z-index: 100; opacity: .9;}

.navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 100; Top: 155; padding: 4px; z-index: 100; font-family: 'Unica One', cursive; font-weight: bold;}

.link1 {Position: absolute; Left: 4px; }

.link2 {Position: absolute; Left: 135px; }

.link3 {Position: absolute; Left: 235px; }

.link4 {Position: absolute; Left: 356px; }

.link5 {Position: absolute; Left: 435px; }

.slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

.slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}

h1 { Color: #000; Border-bottom: 1.5px solid #4F335E; Border-left: 40px solid #8C0E30; font-size:16px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Font-family: 'Rajdhani', sans-serif; Margin-Top: 1px;}

 </style>


<div id="main"></div></div>

<div id="line"></div><div class="Name">Sonosuke Izayoi</div>

<div class="navbar">
<a class="link1" href="#1"><font size="3" color="black">Baseball Card</a></font>
<a class="link2" href="#2"><font size="3" color="black">History</a></font>
<a class="link3" href="#3"><font size="3" color="black">Companions</a></font>
<a class="link4" href="#4"><font size="3" color="black">OOC</a></font>
<a class="link5" href="#5"><font size="3" color="black">Endgame</a></font>
</div></div>

<div id="1" class="slide">
<div class="abox">
<font color="#792F30"><br>
<span style="float:left;"><b><font color="black">Name</font></b></span> <span style="float:right;">Izayoi Sonosuke.</span><br>
<span style="float:left;"><b><font color="black">Nickname</font></b></span> <span style="float:right;">Yoi-chan (by Ruruka), Yoi.</span><br>
<span style="float:left;"><b><font color="black">Gender</font></b></span> <span style="float:right;">Male.</span><br>
<span style="float:left;"><b><font color="black">Age</font></b></span> <span style="float:right;">23.</span><br>
<span style="float:left;"><b><font color="black">Birthdate</font></b></span> <span style="float:right;">February 20th.</span><br>
<span style="float:left;"><b><font color="black">Zodiac</font></b></span> <span style="float:right;">Pisces.</span><br>
<span style="float:left;"><b><font color="black">Talent</font></b></span> <span style="float:right;">(Former) SHSL Blacksmith.</span><br>
<span style="float:left;"><b><font color="black">Height</font></b></span> <span style="float:right;">180cm (5'11").</span><br>
<span style="float:left;"><b><font color="black">Weight</font></b></span> <span style="float:right;">70kg (154lbs).</span><br>
<span style="float:left;"><b><font color="black">Eyes</font></b></span> <span style="float:right;">Ruby.</span><br>
<span style="float:left;"><b><font color="black">Hair</font></b></span> <span style="float:right;">Golden.</span><br>
<span style="float:left;"><b><font color="black">Blood Type</font></b></span> <span style="float:right;">B.</span><br>
<span style="float:left;"><b><font color="black">Orientation</font></b></span> <span style="float:right;">Heterosexual.</span><br>
<span style="float:left;"><b><font color="black">Status</font></b></span> <span style="float:right;">...</span><br>

</div></div>

<div id="2" class="slide">
<div class="abox"><br>
Chocolate bear claw sweet roll sweet roll macaroon apple pie topping. Caramels powder biscuit danish dessert. Chupa chups pastry halvah bear claw dragée liquorice pastry cake lemon drops. Donut powder gummi bears chocolate bar liquorice tart muffin topping. Muffin toffee topping fruitcake. Sugar plum icing jujubes ice cream jelly beans jelly beans fruitcake sesame snaps. Liquorice chocolate cake dessert muffin danish pudding tootsie roll. Sugar plum marzipan wafer cotton candy. Chocolate cake tiramisu ice cream biscuit cookie tootsie roll tootsie roll. Carrot cake sugar plum bonbon cake tiramisu chocolate bar candy canes jelly beans. Tootsie roll lollipop pastry oat cake. Candy canes tart biscuit pastry.

</div></div>

<div id="3" class="slide">
<div class="abox"><br>
Friends go here.

</center></div></div>

<div id="4" class="slide">
<div class="abox"><br>
⚔️ Code does not belong to me, ooc here.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>
⚔️ ---.<br>

</div></div>