<style type="text/css">

	 .pfor {display: none; visibility: hidden;}
	#profile {background-color: ;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('');
	background-size: 100%;
 background-color: f7f7f7;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed;
	background-color: ;
	font: 0px arial;
	color: ;}

a {color:;
	text-decoration: none;
	transition: 1.5s;
	}

	a:hover {color: ;
	text-decoration: none;
	transition: 1.5s;
	}


.img {
Position: fixed;
Border: solid px ;
Height: 650px;
Width: 350px;
Left: 0px;
Top: 0px;
border-radius: 5px;
opacity: .;
}



#music{
	position:absolute;
	background-image:
	url('');
	background-repeat: no-repeat;
	background-size: 70px;
	width:55px;
	height:55px;
	z-index:99;
	left:5;
	top:5;
	overflow:hidden;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	}

	#music-title-bg {
	position:absolute;
	background-color: transparent;
	width:8;
	height:20;
	left:25;
	top:0;
	}

	#music-title-bg2 {
	position:absolute;
	background-color:transparent;
	width: 0;
	height:14;
	left:-7;
	top:3;
	}

	#music-title {
	position:absolute;
	color:transparent;
 font-family:oswald;
	font-size:14px;
	text-transform:uppercase;
	text-align:justify;
	width:125;
	left:0;
	top:-4;
	}

.infobox {
Padding: 5px;
Position: fixed;
Top: 400px;
left: 600px;
Border: solid 4px black;
Border-color: #567b88;
width: 325px;
Height: 160px;
opacity: .;
Background-color: grey;
Background-position: center center;
Color: black;
Font-size: 13px;
Font-color: ;
font-family: 'Bellefair', serif;
overflow: hidden;
word-wrap: break-word;
border-radius: 0%;
}

#navi{
	position:absolute;
	width: 10px;
	text-align:center;
	left:580px;
	top:400px;

	}

	#navi a{
	display: block;
	background-color: #253645;
 	padding-top: 34px;
 	margin-top: 5px;
	width:10px;
	height: 0px;
 border-radius: 50px;
 border: solid;
 border-color: white;
	}

	#navi a:hover{
	transition: 1.5s;
	}

h1{
	border-bottom:0px solid #DADADA;
	color: red;
	font-size:10px;
	line-height: 17px;
	font-family: 'Shojumaru', cursive;
	text-align: center;
	text-transform:uppercase;
	letter-spacing:5px;
	margin: 0px 5px 5px;
	text-shadow: 1px 2px 0px black,
	0px 1px 0px #222,
	-1px 0px 0px #222,
	0px -1px 0px #222,
	0px 0px 20px #000;

	}


.headline {
 white-space: nowrap;
 position: absolute;
 top: 380px;
 left: 420px;
 transform: rotate(0deg);
 color: blue;}

.headline2 {
 white-space: nowrap;
 position: absolute;
 top: 380px;
 left: 480px;
 transform: rotate(0deg);
 color: blue;}

.headline3 {
 white-space: nowrap;
 position: absolute;
 top: 380px;
 left: 550px;
 transform: rotate(0deg);
 color: blue;}

.headline4 {
 white-space: nowrap;
 position: absolute;
 top: 380px;
 left: 660px;
 transform: rotate(0deg);
 color: blue;}

.headline5 {
 white-space: nowrap;
 position: absolute;
 top: 380px;
 left: 700px;
 transform: rotate(0deg);
 color: blue;}

.infobox {
Padding: 5px;
Position: fixed;
Top: 100px;
left: 350px;
Border: solid px black;
Border-color: #95746c;
width: 425px;
Height: 360px;
Background-color: transparent ;
Background-position: center;
Color: #735476;
Text-align: center;
line-height: 30px;
Font-size: 13px;
Font-color: ;
font-family: 'Bellefair', serif;
overflow: hidden;
border-radius: 10%;
}

.box {
 position: fixed;
Top: 180px;
left: 400px;
width: 325px;
Height: 270px;
 font-size: 12px;
 line-height: 13px;
 text-align: center;
font-family: Oswald;
 color: black;
background-color: transparent;
Border-radius: 50px;
 overflow: auto;
 opacity: 0;
 transition: all 1.3s ease-in-out;
 -webkit-transition: all 1.3s ease-in-out;
 -moz-transition: all 1.3s ease-in-out;
 -o-transition: all 1.3s ease-in-out;
 -ms-transition: all 1.3s ease-in-out;
 z-index:2;
 }

 .box:target {
Top: 180px;
left: 400px;
 text-align: center;
 overflow: auto;
 opacity: 1.0;
transition: all 0.5s ease-in-out;
 -webkit-transition: all 1.3s ease-in-out;
 -moz-transition: all 1.3s ease-in-out;
 -o-transition: all 1.3s ease-in-out;
 -ms-transition: all 1.3s ease-in-out;
 z-index:10;
 }
</style>


<div class="infobox">
<class="box">
Name: Kade
<br>
Gender: Male
<br>
Orientation: Hetero
<br>
Status: Single
<br><Br><br>

Son of a noble family in his home kingdom of Taldarin, he was sent over seas to investigate the rumor of dragon eggs on the main continent.
</div>



<div class="img"><img src="https://i.pinimg.com/564x/ec/8c/ad/ec8cad056fc59bcc570232f484c9d030.jpg" width="100%" height="100%">