LUKECProf

<style>

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600i,800|Roboto);


    /*scrollbar customize*/
::-webkit-scrollbar { height:2px; width:3px; background:#fff;/*scrollbar bg*/ }
::-webkit-scrollbar-thumb { background:#888; /*scrollbar color*/ border-radius:3px; -webkit-border-radius:3px; }

    /*coloring for what happens when you highlight text*/
::-webkit-selection { background:#eee; color:#171717; }
::-moz-selection { background:#eee; color:#171717; }
::-ms-selection { background:#eee; color:#171717; }
::-o-selection { background:#eee; color:#171717; }
::selection { background:#eee; color:#171717; }

/*general*/
body {
    background-color:#000; /*background color*/
    font-family:'Open Sans', sans-serif;
    font-size:11px;
    overflow-x:hidden;
}

a {
    text-decoration: none;
    -webkit-transition: all .35s ease-in-out;
       -moz-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
         -o-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
}

/*remove the following for a regular cursor | change the url for your own*/
*, body, a, a:hover {cursor: url(https://i.imgur.com/wwLFpao.png), auto;}
/*end of custom cursor*/

#galaxy { width:450px; margin:270px auto; }

#sol { /*title*/
    color:Red; /*title color*/
    font-weight:800;
    letter-spacing:7px; font-size:30px;
    text-align:left; text-transform:uppercase;
}

#comet {
    width:100px; height:100px;
    padding:5px;
    background:#fff; /*icon box background color*/
    border:solid 0px #dbdbdb; /*icon box border color*/
    box-shadow:7px 7px #666; /*icon box shadow color*/
    BACKGROUND-IMAGE: URL('https://thumbs.gfycat.com/FearlessTiredAfricanaugurbuzzard-small.gif');
background-position: center center;
	background-size: 100% 120%;
    background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	position: fixed;
background-attachment:absolute;
}



#earth {
    width:290px; height:100px;
    margin-left:130px; padding:5px;
    background:#fff; /*info box background color*/
    border:solid 1px #dbdbdb; /*info box border color*/
    box-shadow:7px 7px #666; /*info box shadow color*/
    position:fixed;
}

        /*mini info accent color*/
#earth c { color:red; text-transform:uppercase; }
#earth p { margin-top:1px; margin-bottom:13px; }

                        /*line colors; best if matched with border*/
#vl1 { margin-top:-5px; margin-left:145px; stroke:#dbdbdb; position:fixed; }


#box {
    width:139px; height:100px;
    margin-top:-118px; margin-left:146px; padding:5px;
    position:fixed;
}

#box h1 {
    margin-left:7px; margin-bottom:-5px; color:Red; /*playlist title color*/
    font-size:11px; font-weight:600; font-style:italic;
    text-align:left; text-transform:uppercase;
}

#box li { margin-left:-20px; line-height:120%; list-style: none; }
#box li:before {
    content:"+"; /* change update tab bullet points here | use something simple like a • or a character from an alt+ code : you can also use an emoji, just be sure to alter the line height above (standard is 120%; increase to anywhere between 130% and 150% if emojis are overlapping*/
    padding-right: 5px;
}

#box a { color:red; } /*playlist links color*/
#box a:hover { color:#ff7a24; } /*playlist links hover color*/

#luna {
    width:420px; max-height:500px;
    margin-top:130px; padding:5px;
    background:#fff; /*description background color*/
    border:solid 1px #dbdbdb; /*description border color*/
    box-shadow:7px 7px #666; /*description shadow color*/
    text-align:justify;
    position:relative;
}

#luna a { color:red; } /*description link color*/
#luna a:hover { color:#171717; } /*link hover color*/
#luna i, b, u { color:red; } /*italics, bold, underline color*/

#stars {margin-top:20px; font-size:17px; text-align:center; position:relative;}

#stars a { margin-left:30px; margin-right:30px;
color:#ff7a24; } /*icon link color*/
#stars a:hover { color:#e31b3f; } /*icon link hover color*/

#musicplayer{
	position:absolute;
		height: 40px;
	width: 40px;
    margin:270px auto;
	line-height: 50px;
	font-size: 25px;
	color:Grey;
	text-align: center;
	padding-left: 5px;
	overflow: hidden;
	z-index: 2999;
	transition-duration: 1.5s;
}
#musicplayer: hover {
	color: #c00000;
	transition-duration: 1.5s;
}
#beat{
	float: left;
	margin-top: -50px;
	margin-left: -2px;
	height: 40px;
	width: 40px;
	overflow: hidden;
	opacity: 0;
}

#profile{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}


.dt {
background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: fixed;
background-image: url('https://i.pinimg.com/originals/af/3a/16/af3a16c5b7c884a48b011395ce206dda.png');
background-attachment:absolute;
height:100%;
width: 100%;
}

</style>

<div id="profile" oncontextmenu="return false;">
<div class="dt"></div>
<div id="galaxy">
<div id="musicplayer">
►
<div id="beat">
<audio controls loop style>
<source src="https://bit.ly/2FtnEAP">
</audio>
</div></div>
<div id="sol">P o w e r M a n</div>

 <div id="comet">
 </div>

 <div id="earth">
 <div id="vl1"><svg height="110" width="1"><line x1="0" y1="0" x2="0" y2="289" style="stroke-width:5" /></svg></div>


 <c>name:</c> Luke Cage(Carl Lucas)<br>
 <c>alias:</c> Power Man<br>
 <c>sex:</c> Male<br>
 <c>power:</c> Invincible <br>
 <c>staus:</c> Single<p>
<c>looks:</c> Dark | Dark<br><br>

 <div id="box">
 <ul>
 <li>OOC ≠ IC</li>
 <li>PM Friendly</li>
 <li>Have Fun </li>
 <li>No God-Modding</li>
 <li>Long Time Rper</li>
 <li>Based of <a title="Marvel">Comic</a></li>
 </ul>
 </div>
 </div>

 <div id="luna">
Cage’s forte is that he is <b>superhumanly strong</b>. He can punch through concrete, brick, and reinforced steel doors as if they were made of paper. Furthermore, he is nearly <b>immune</b> to street and even military grade weaponry. His <b>superhuman durability</b> cannot be underestimated even when going against highly skilled fighters or superhuman foes. He was a skilled fighter before he gained his powers, making him all the more <b>dangerous</b> in combat.
 </div><!--end luna-->
 <p>

</div><!--end galaxy-->
</div>