<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>


<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:439px; 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*/

#saturn {
    margin-top:15px; color:#aeaeae; /*quote text color*/
    font-size:10px; text-align:center;
    line-height:120%; position:relative;
}

#saturn a,a:hover { color:#777; } /*quote link color + hover color*/


#glenplayer02 {
   position:absolute;
   top:0;margin-top:0px;
   left:0;margin-left:0px;
   display:flex;
   z-index:999;
}
#glenplayer02 a {text-decoration:none;}

#glenplayer02 > div {
   align-self:center;
   -webkit-align-self:center;
}

.music-controls {
   user-select:none;
   -webkit-user-select:none;
   cursor:pointer;
}

.playy, .pausee {color:#666;} /* color of play & pause buttons */

.playy {font-size:13px;}

.pausee {
   display:none;
   margin-right:1.5px;
}

.sonata {
   margin-left:10px;
   color:#666; /* color of music note symbol */
}

.labeltext {
   margin-left:8px;
   padding: 2px;
   border: 1px solid #666;
   font-family:'Comfortaa';
   font-size:12px;
   color:#666; /* color of song title */
}

.labeltext:hover {
   margin-left:8px;
   background:#666;
   padding: 2px;
   border: 1px solid #666;
   font-family:'Comfortaa';
   font-size:12px;
   color:#fff; /* color of song title */}

#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="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

 <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-->


 <div id="saturn"><!--bottom quote-->
 <div id="glenplayer02">
 <div class="music-controls" onclick="songstart();">
 <div class="playy">►</div>
 <div class="pausee">❚❚</div>
 </div>
 <div class="sonata">♫</div>
 <div class="labeltext">Bullet Proof Love</div>
</div><!--end music player-->

<audio id="tune" src="https://bit.ly/2FtnEAP" type="audio"></audio>

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