Yatsu code

<style type="text/css">
.pfor { display: none; }
#profile { background-color: transparent; border: none; }

::-webkit-scrollbar {
	width: 3px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
</style>

<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Great+Vibes);


body {

background-color: #fff;
background-image: url(http://i.picpar.com/w99.png);
background-attachment: fixed;
background-position: center center;
background-repeat: repeat;
background-size: auto;
font-family: Times New Roman;
font-variant: normal;
font-size: 70%;
color: #666666;}


a {color: black;
	text-decoration: none;
	}

	a:hover {color: grey;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

#pictureone { position:fixed; left:290px; top:165px; border: double 3px #fff; }
#picturetwo { position:fixed; left:835px; top:165px; border: double 3px #fff; }

.abox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555; top:165; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.bbox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width:240; height:128; left: 555; top:365; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double black;}

.navbar {Background-color: white; Position: absolute; Height: 13px; Width: 243px; Left: 292; Top: 485; padding: 4px; z-index: 100;}

.link1 {Position: absolute; Left: 20px; Border: solid 1px #000; Height: 10px; Width: 60px; }

.link2 {Position: absolute; Left: 94px; Border: solid 1px #000; Height: 10px; Width: 60px; }

.link3 {Position: absolute; Left: 170px; Border: solid 1px #000; Height: 10px; Width: 60px; }

.link1:hover {Background-color: #000;}
.link2:hover {Background-color: #000;}
.link3:hover {Background-color: #000;}


.slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; 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;}
	#title {position:absolute;
	color: black;
	font-size:70;
	font-family:Freestyle Script;
	left:230;
	top:140;
	}


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

	a:hover {color: black;
	text-decoration: line-through;
	cursor:
url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

.Name{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

.NameTwo{
position: fixed;
top: 310px;
left: 563px;
color: #FEFEFE;
font-size: 25px;
line-height: 80px;
letter-spacing: 3px;
font-family: 'Great Vibes';
text-shadow: #B30000 2px 3px 4px;
}

I{Color: #fff; font-size: 25px; font-family: French Script MT; text-shadow: 2px 3px 4px #8800FF , 1px -1px 1px #8800FF , -1px 1px 1px #8800FF , -1px -1px 1px #8800FF ;}

h2 {

position: fixed;
right: 10px;
bottom: 0px;
font-family: Arial;
font-variant: normal;
font-weight: normal;
font-size: 100%;
color: #FFFFFF;}

</style>

<h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>

<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
</div>

<div id="pictureone">
<img src="http://i.imgur.com/SaQQuP4.png" class="image" width="250px;" height="350px;">
</div>

<div id="picturetwo">
<img src="http://i.imgur.com/4EcVz1r.png" class="image" width="250px;" height="350px;">
</div>


<div id="1" class="slide">
<div class="abox">

<b>Name</b>: Yatsuhashi Daichi <br>
<b>Race</b>: Human <br>
<b>Gender</b>: Male <br>
<b>Age</b>: 18 <br>
<b>Height</b>: Seven feet <br>
<b>Weight</b>: Probably heavy <br>
<b>Affiliation</b>: Beacon Academy <br>
<b>Occupation</b>: Huntsman-in-Training <br>
<b>Team</b>: CFVY <br>
<b>Partner</b>: Velvet Scarlatina <br>
<b>Weapon</b>: Sword <br>
<b>Semblance</b>: Unknown <br>
<b>Orientation</b>: Straight <br>
<b>Status</b>: Single <br><br>
<b>Out of Character</b> <br><br>
Don't tell me how to play Yatsu. If you don't like it? Deal with it. PM friendly, crossovers welcome, but RWBY RP always comes first. Third person, semi to multi para. Profile is a work in progress. Thanks for looking. (( 96C75B ))

</div>

<div class="Name">Team CFVY's
</div>

<div class="bbox">

<b>Story is coming with more info.</b>

</div>
</div>


<div id="2" class="slide">
<div class="abox">
Yatsuhashi is shown to have enormous physical strength. His primary weapon is an equally enormous sword. Yatsuhashi has demonstrated the ability to create devastating ground-pounds with his sword, which can demolish pavement and rock. He demonstrated this ability in "Breach", sending many Grimm flying with a single attack. When utilizing this technique in the geyser biome in the Amity Colosseum, his strength devastated and cracked the ground, even triggering and forcing some of the geysers to activate. <br><br>

However, this technique was ineffective against Mercury, who was able to deflect or absorb the force from the blow with his boots, nullifying the attack. During the battle, although he demonstrated impressive speed and control of himself to the point he was able to temporarily dodge and parry some of Mercury's kicks with his large blade, he was eventually outmaneuvered by Mercury and defeated in close-combat.

</center></div>

<div class="NameTwo">Mountain of a Man
</div>

<div class="bbox">

<b>Friends are coming soon!
</div>
</div></div></center></div></center>