MAKA CODE

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Oxanium|Spartan|Lobster');

#music{position:fixed;
 	bottom:50px;
 	left:0px;
 	z-index:99;
	}


	#music1{
 	position:fixed;
 	padding:2px;
 	-webkit-transition: all 0.5s ease-in-out;
 	-moz-transition: all 0.5s ease-in-out;
 	-o-transition: all 0.5s ease-in-out;}

	#music1:hover #music2{
 	opacity:0.7;
 	margin-top:-25px;
 	z-index:-1;}

	#music1:hover #music3{
	opacity:0.7;
	margin-top:0px;
	z-index:99;}

	#music1:hover #musiclist{ opacity:1;}


	#music3{
 	position:fixed;
	width:50px;
 	height:50px;
 	background-size: 50px;
 	background-image: url('https://i.dlpng.com/static/png/6549440_thumb.png');
	background-repeat: no-repeat;
 	background-position: 50% 0%;
	padding-left:5px;
	padding-right:5px;
 	z-index:99;
 	margin-left:0px;
 	overflow:hidden;
	background-color: #transparent;
	opacity:1.0;}

body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur477.cur), progress !important;}

::-webkit-scrollbar {width: 0px;}
::-webkit-scrollbar-thumb:vertical {
height: 0px;background-color: #000000;}
::-webkit-scrollbar-thumb:horizontal {
height: 0px;background-color: #000000;border: 0px ;width: 0px;}

a {color: green;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }

 a:hover {color: white;
 text-decoration: none;
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 -ms-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
 }

body{
background: #000000;
background: -moz-linear-gradient(45deg, #000000 0%, #000000 50%, #041F00 100%);
background: -webkit-linear-gradient(45deg, #000000 0%, #000000 50%, #041F00 100%);
background: linear-gradient(45deg, #000000 0%, #000000 50%, #041F00 100%);
}

#title {
 position:absolute;
 font-weight:800;
 text-transform:justify;
 font-size:30px;
 font-family: 'Oxanium';
 background: url(https://media.giphy.com/media/l3977adOpN1GbQNUs/giphy.gif) no-repeat;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-size:cover;
 background-position:center;
 bottom: 461px;
 left: 563px;
 line-height:95px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

#title2 {
 position:absolute;
 font-weight:800;
 text-transform:justify;
 font-size:30px;
 font-family: 'Oxanium';
 background: url(https://media.giphy.com/media/l3977adOpN1GbQNUs/giphy.gif) no-repeat;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-size:cover;
 background-position:center;
 bottom:580px;
 left: 356px;
 line-height:95px;
}

 .maka{
position: fixed;
bottom: 8px;
left: 319px;
height: 580px;
width: 300px;
font-family: 'Oxanium';
font-size: 13px;
color: 6B6B6B;
background-color: #000000;
overflow:auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
filter: alpha(opacity=0);
opacity: 1;
border: 8px double #041F00;
}


.thing{
position:absolute;
bottom:15px;
left:90px;
height:649px;
width:200px;
background-color:#041F00;
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}

.frens {
 position: absolute;
 bottom: -470px;
 left: -70px;
 width: 100px;
 text-align: left;
}

b {
font-family: 'Spartan';
font-size: 11px;
color:#CCCCCC;
background-color:#transparent;
text-transform:justify;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
}

i {
font-family: 'Lobster';
font-size: 13px;
color:#CCCCCC;
background-color:#transparent;
text-transform:justify;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
}

</style>

<div class="thing">
</div>


<div id="title">TO BE STRONG</div>
<div id="title2">HUMANS NEED FEAR</div>

<div style="position: fixed; bottom:630px; left:80px; height:25px">
<div style="border: 2px solid #CCCCCC; overflow:hidden">
<img src="http://i.picpar.com/IAee.jpg" height="649px">


<div class="maka">
<font style=float:left> <b>Moniker</b> </font> <font style=float:right> <i>Soul "Eater" Evans</i> </span></font><br>
<font style=float:left><b>Nicks</b></font> <font style=float:right> <i>Sharky | Cool Guy</i> </span></font><br>
<font style=float:left> <b>Species</b> </font> <font style=float:right> <i>Demon Weapon [ Scythe ]</i> </font><br><br>

<font style=float:left> <b>Gender</b> </font> <font style=float:right> <i>Masculine</i> </span></font><br>
<font style=float:left> <b>Sexuality</b> </font> <font style=float:right> <i>Hetero</i> </span></font><br>
<font style=float:left> <b>Marital</b> </font> <font style=float:right>
<a target="_blank" href="https://roleplay.chat/profile.php?user=Soul+Evans">hot daddy</a>
 </span></font><br><br>

<font style=float:left> <b>Age</b> </font> <font style=float:right> <i>1 8</i> </span></font><br>
<font style=float:left> <b>Height</b> </font> <font style=float:right> <i>5'9''</i> </span></font><br>
<font style=float:left> <b>Weight</b> </font> <font style=float:right> <i>150 lbs</i> </span></font><br>
<font style=float:left> <b>Eye</b> </font> <font style=float:right> <i>Red</i> </span></font><br>
<font style=float:left> <b>Hair</b> </font> <font style=float:right> <i>White</i> </span></font><br>

<font style=float:left> <b>Occupation</b> </font> <font style=float:right> <i>Student [ Senior ]</i> </span></font><br>
<font style=float:left> <b>Mental</b> </font> <font style=float:right> <i>Equanimous | Protective | Gluttonous</i> </span></font><br>
<font style=float:left> <b>Scent</b> </font> <font style=float:right> <i>Sauvage [ Dior ]</i> </span></font><br>
<font style=float:left> <b>Scar</b> </font> <font style=float:right> <i>From Chest To Torso; Diagonal</i> </span></font><br><br>

<font style=float:left> <b>Affliction</b> </font> <font style=float:right> <i>Black Blood Madness</i> </span></font><br>
<font style=float:left> <b>Likes</b> </font> <font style=float:right> <i>Pizza | Games | Snoozing</i> </span></font><br>
<font style=float:left> <b>Dislikes</b> </font> <font style=float:right> <i>Green Food | Studying | Bright Colors</i> </span></font><br>
<font style=float:left> <b>Hobbies</b> </font> <font style=float:right> <i>Piano | Writing Music</i> </span></font>
<br><br>

<center>🌜🌜🌜

<br><br>

HISTORY BLUB.

<br><br>

PERSONALITY BLURB.

<br><br>

COMBAT BLUB.

<br><br>
EXTRA-- IDK WHATEVS.

<br><br>
🌜🌜🌜
<br><br>
</center>
<font style=float:left>
🌞 coded for me!<br>
🌞 add as many oocs as u want.
</font>
</div>


<div style="position: fixed; bottom: -30px; left: 605px; background-color: transparent;">
<img src="http://i.picpar.com/KAee.png"height="450px">
</div>

<div class="frens">
<a target="_blank" title="INFO HERE." href="https://roleplay.chat/profile.php?user=Maka">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a><br>

<a target="_blank" title="INFO HERE." href="https://2.roleplay.chat/profile.php?user=Star+Boy">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a><br>

<a target="_blank" title="INFO HERE." href="https://2.roleplay.chat/profile.php?user=Wes+Evans">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a><br>

<a target="_blank" title="INFO HERE." href="https://2.roleplay.chat/profile.php?user=Death+The+Kidd">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a><br>

<a target="_blank" title="INFO HERE." href="https://2.roleplay.chat/profile.php?user=camellia+blossom">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a><br>

<a target="_blank" title="INFO HERE." href="https://2.roleplay.chat/profile.php?user=Franken+Stein">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a><br>

<a target="_blank" title="INFO HERE." href="https://2.roleplay.chat/profile.php?user=Spirit+Albarn">
<img style="border: 2px solid #041F00; height:60px; width:60px; border-radius: 50px;" src="PIC HERE"></a>

</div>

<div id="music">
<div id="music1">
<div id="music3">
<audio controls style="opacity: 0;"><source src=" SONG "></audio>