alien daddy layout

--------PUT IN ABOUT ME!!!!!!--------

<span class="text"><style type="text/css">

{ credit for this layout goes to carter nelson /1496751 }

{ layout basics }

{display:none;}

body{background:url('https://i.imgur.com/nnzDCeo.png') bottom left fixed; background-repeat:no-repeat; background-color:#191919; overflow-x:hidden; background-size:cover;}

a.first, a.first:link, a.first:active, a.first:visited {font-family:'Rajdhani'; font-size:8pt; text-transform:uppercase; text-align:center; background-color:#819499; display:block; color:#ffffff; padding:10px; margin-bottom:5px; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in;}

a.first:hover {background-color:; font-style:italic; transition:.5s; text-decoration:none; color:#9ebca8;}

b {font-family: 'Rajdhani'; font-size:6pt; line-height:7pt; font-style:normal; letter-spacing:1px; color:#819499; text-transform:uppercase;}

b2 {font-family: 'Rajdhani'; font-size:8pt; line-height:8.5pt; font-style:normal; letter-spacing:1px; color:#819499; text-transform:uppercase;}

h1 {font-family: 'Abril Fatface'; color:#819499; font-size:20pt; text-align:right; display:block; padding-bottom:10px; border-bottom:1px solid #819499;}

h2 {font-family: 'Abril Fatface'; color:#819499; font-size:20pt; text-align:left; display:block; padding-bottom:10px; border-bottom:1px solid #819499;}

{ layout divs }

.sidebar {width:200px; height:100vh; background-color:#191919; z-index:1; position:absolute; left:0; top:0; margin:0 auto; background-image:url('');}

.main {width: 570px; height: auto; background-color:; z-index: 1; position:absolute; left: 270px; top:350px; padding:10px;}

.music {z-index:-1;}

{ hiding properties }

html {-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
.contacttable,.friendsComments,.friendSpace,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwork,.orangetext15,.userProfileDetail{display:none}
.bodyContent div div form{display:inline}
.bodyContent table table
table, tr, td {background:transparent; border:0px;}
table table, table table td {padding:0px; height:0px;}
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed,  .div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,table table table table div,table table table table div a {visibility:visible;}
div.profileWidth { margin-top: -500px !important; }
div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001; }
div.profileWidth div, div.profileWidth div div { filter:none; opacity:0.9999; }
div.profileWidth div { position:relative; top:30px; }
div.profileWidth ul li { display: none; }
div, br, p, body {font-family: Arial Narrow, Arial, sans-serif; font-size: 10px; line-height: 10px; color: #666666; font-weight: lighter; text-align: justify;}
@media screen and (max-device-width: 480px){
  body{-webkit-text-size-adjust: none;}}

</style>


<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Lato|Rajdhani|Raleway|Roboto+Condensed|Source+Sans+Pro" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

<body oncontextmenu="return false">


-------- PUT IN WHO I'D LIKE TO MEET!!!!!!--------


<div class="sidebar"><center><img src="https://i.imgur.com/LZTRqk0.png" style="margin-top:400px; margin-bottom:20px;"> <div style="width:150px;">

<a href="/home.php" class="first"><i class="fas fa-rocket"></i></a>

<a href="/add_comment.php?member_id=1539314" class="first"><i class="fas fa-moon"></i></a>

<a href="/send_message.php?member_id=1539314" class="first"><i class="fas fa-hand-spock"></i></a>

<a href="/albums.php?member_id=1539314" class="first"><i class="fas fa-meteor"></i></a>

<a href="/1496751" class="first" title="credit"><i class="fas fa-star"></i></a>

</div></div>

<div class="music"><audio autoplay controls loop>
 <source src="https://od.lk/s/ODhfODQxMjEyOV8/Gorillaz%20-%20On%20Melancholy%20Hill.mp3">
</audio></div>

<div class="main"><img src="https://i.imgur.com/Y3fNmU6.png" align="left" style="margin-bottom:10px;"> <div style="width:250px; height:260px; background-color:#191919; padding:10px; overflow:auto; float:right; font-family: 'Source Sans Pro'; font-size:7pt; color:#cbcbcb; line-height:12pt; text-transform:lowercase; border: 10px solid #191919; margin-bottom:10px;">
<h1>classified info.</h1>
<b>NAME</b>: name.
<b>SPECIES</b>: species.
<b>GENDER</b>: gender.
<b>PRONOUNS</b>: pronouns.
<b>SEXUAL ORIENTATION</b>: sexual orientation.
<b>BIRTH PLACE</b>: birth place.
<b>CURRENT LOCATION</b>: current location.

<h2>abilities.</h2>
<b>reactive adaptation</b>: details later.<br>
<b>shapeshifting</b>: details later.<br>
<b>telepathy</b>: details later.<br>
<b>empathy</b>: details later.

<h1>headcanons.</h1>
<b2><i class="fas fa-rocket"></i></b2> headcanon.<br>
<b2><i class="fas fa-rocket"></i></b2> headcanon.<br>
<b2><i class="fas fa-rocket"></i></b2> headcanon.<br>
<b2><i class="fas fa-rocket"></i></b2> headcanon.<br>
</div>

</div>