/**************ABOUT ME**************/
<style>@import url('https://fonts.googleapis.com/css?family=Acme|BenchNine|Cuprum|Dosis|Josefin+Sans|Reem+Kufi|Satisfy');



body {
 background:#004d46;
 color:#ffffff;
}

div, p, li, ul {
  font-family:BenchNine;
  font-size:12px;
  letter-spacing:1px;
  color:#ffffff;
}
p {margin:0px 0px 10px 0px;}

::-webkit-scrollbar{
width:3px;

}

::-webkit-scrollbar-thumb{
  width:3px;
  background-color:004d46;
}

.innerBox{
  overflow:auto;
  height:90%;
  text-align:justify;
  display:block;
  padding-right:5px;
}

.innerBox2{
  overflow:auto;
  height:93%;
  text-align:justify;
  display:block;
  padding-right:5px;
}

.bioBox{
  width:350px;
  height:130px;
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-top:-300px;
  margin-left:-175px;
  padding:10px;
}

.connectionBox{
  width: 200px;
  height:130px;
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-410px;
  margin-top:-300px;
  padding:10px;
}

.leftImg{
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-410px;
  margin-top:-135px;
  padding:10px;
}

.extraBox{
  width: 200px;
  height:215px;
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-410px;
  margin-top:0px;
  padding:10px;
}


.basicBox{
  width: 200px;
  height:215px;
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:210px;
  margin-top:-300px;
  padding:10px;
}

.rightImg{
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:210px;
  margin-top:-50px;
  padding:10px;
}

.loveBox{
  width: 200px;
  height: 130px;
  background:#52948b;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:210px;
  margin-top:85px;
  padding:10px;
}

.mainBox{
  width: 350px;
  height:350px;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-175px;
  margin-top:-145px;
  padding:10px;
  display: flex;
    justify-content: center;
    align-items: center;
}
.navi{
  width: 355px;
  position:fixed;
  left:50%;
  top:50%;
  margin-left:-176px;
  margin-top:210px;
  padding:10px;
}

sub{
  color:white;
  font-family:Satisfy;
  font-size:25px;
  font-style:italic;
  width:350px;
}

name{
  color:white;
  text-transform:uppercase;
  font-family:Reem Kufi;
  position:aboslute;
  width:350px;
  font-size:75px;
  line-height:60px;
  letter-spacing:10px;
}

h1{
  color:white;
  text-transform:uppercase;
  font-family:Dosis;
  margin-top:0px;
  padding:0px;
  text-align:center;
  margin-bottom:10px;
  font-size:13px;
  border-right:20px solid #004d46;
  border-left:20px solid #004d46;
  line-height:3px;
}


a:link, a:visited, a:active{
  color:#fff;
  font-family:BenchNine;
  transition:.9s;
}

a:hover{
  transition:.9s;
  color:#004d46;
}


a#navigation:link, a#navigation:visited, a#navigation:active {
  margin:5px;
  color:128177;
  display:inline-block;
  text-transform:uppercase;
  font-family:josefin sans;
  font-weight:bold;
  text-decoration:none;
  font-size:12px;
}

a#navigation:hover{
    transition:.9s;
  color:#fff;
}

a#friend:link, a#friend:visited, a#friend:active{
  display:block;
  text-decoration:none;
  background:#004d46;
  margin:1px;
  width:100%;
  text-align:center;
}

a#friend:hover{
  background-color:#128177;
}


 a#navigation:after {
   display: block;
   content: '';
   border-bottom: solid 2px #fff;
   text-shadow: 3px 2px 3px #92292c;
   transform: scaleX(0);
   transition: transform 400ms ease-out;
}

a#navigation:hover:after {transform: scaleX(1); }





/*HIDE CODES*/


 .userAlbums {
     display:none;
}
 .extendedNetwork {
     display:none;
}
 .latestBlogEntry {
     display:none;
}
 .latestBlogEntry {
     display:none;
}
 .whitetext12{
     visibility:hidden;
     display:none;
}
 .orangetext15{
     visibility:hidden;
     display:none;
}
 .lightbluetext8{
     visibility:hidden;
     display:none;
}
 td.text td.text{
     background-color:transparent;
}
 td.text table {
     background-color:transparent;
}
 table.interestsanddetails span.lightbluetext8, table.interestsanddetails td.text {
     display:none;
}
 table.interestsanddetails td {
     width:0px;
     padding:0px;
}
 table.interestsanddetails td td {
     background-color: transparent!important;
}
 table.interestsanddetails, table.interestsanddetails td {
     border:none!important;
}
 .contactTable {
     display: none;
}
 .clearfix {
     margin-top: -100px;
}
 table div font {
     display: none;
}
 .userProfileURL {
     display:none;
}
 .friendspace{
     display:none
}
 .friendsComments {
     display:none;
}
 .profileInfo{
     display:none;
}
 .nametext {
     display:none;
}
 div div table div, div.clearfix a, input {
     display:none;
}
 div.clearfix table div div {
     display:block;
}
 .userProfileDetail {
     display:none;
}
 table.profileInfo * {
     background-color:transparent;
}
 table.profileInfo td td {
     letter-spacing:-100px;
     font-size:0px;
}
 table.profileInfo td td.text, table.profileInfo td td * {
     font-size:11px;
     letter-spacing:0px;
}
 table.profileInfo td td a {
     display:none;
}
 table.profileInfo td td.text * {
     display:inline;
}
 table#profileV1Main td {
     background-color:transparent
}



</style>




/***********LIKE TO MEET***********/
<div class="bioBox">
<h1>Bio</h1>
<div class="innerBox">
<img src="https://i.imgur.com/gdHWw1k.jpg" width="70" height="70" style="float:left;margin-right:10px;">
<p><a href="/">Link</a>
Let's build an almighty mountain. Just a little indication. I guess I'm a little weird. I like to talk to trees and animals. That's okay though; I have more fun than most people.</p>

<p>Let's just drop a little Evergreen right here. Let's do that again. Maybe there's a happy little bush that lives right there. A beautiful little sunset. If what you're doing doesn't make you happy - you're doing the wrong thing.</p>

<p>There isn't a rule. You just practice and find out which way works best for you. It is a lot of fun. If you don't like it - change it. It's your world. There we go.</p>
</div>
</div>

<div class="ConnectionBox">
<h1>Connections</h1>
<div class="innerBox">
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
<a href="/" id="friend">connection</a>
</div>
</div>

<div class="leftImg">
<img src="https://i.imgur.com/dqEwjQV.jpg?1"  width="200" height="100">
</div>

<div class="extraBox">
<h1>extra</h1>
<div class="innerBox2">
<img src="https://i.imgur.com/gdHWw1k.jpg" width="70" height="70" style="float:right;margin-left:10px;">

<p>Let's build an almighty mountain. Just a little indication. I guess I'm a little weird. I like to talk to trees and animals. That's okay though; I have more fun than most people.</p>

<p>There isn't a rule. You just practice and find out which way works best for you. Everybody needs a friend. Painting should do one thing. It should put happiness in your heart. There we go. Little short strokes. Just go back and put one little more happy tree in there.</p>

<p>Everything's not great in life, but we can still find beauty in it. This painting comes right out of your heart. This present moment is perfect simply due to the fact you're experiencing it. I'm sort of a softy, I couldn't shoot Bambi except with a camera. Isn't that fantastic that you can make whole mountains in minutes? We'll have a super time.</p>

<p>Everything is happy if you choose to make it that way. Even trees need a friend. We all need friends. Now we'll take the almighty fan brush. Let's just drop a little Evergreen right here. You don't have to spend all your time thinking about what you're doing, you just let it happen.</p>

<p>Without washing the brush, I'm gonna go right into some Van Dyke Brown, some Burnt Umber, and a little bit of Sap Green. God gave you this gift of imagination. Use it. Maybe there's a happy little waterfall happening over here. You have to make almighty decisions when you're the creator. It's all a game of angles.</p>

<p>Every single thing in the world has its own personality - and it is up to you to make friends with the little rascals. We have a fantastic little sky! That's the way I look when I get home late; black and blue. Every highlight needs its own personal shadow. There it is. We don't have to be committed. We are just playing here.</p>
</div></div>

<div class="basicBox">
<h1>basic info</h1>
<div class="innerBox2">
<img src="https://i.imgur.com/gdHWw1k.jpg"  width="70" height="70" style="float:right;margin-left:10px;">

<p>Let's build an almighty mountain. Just a little indication. I guess I'm a little weird. I like to talk to trees and animals. That's okay though; I have more fun than most people.</p>

<p>There isn't a rule. You just practice and find out which way works best for you. Everybody needs a friend. Painting should do one thing. It should put happiness in your heart. There we go. Little short strokes. Just go back and put one little more happy tree in there.</p>

<p>Everything's not great in life, but we can still find beauty in it. This painting comes right out of your heart. This present moment is perfect simply due to the fact you're experiencing it. I'm sort of a softy, I couldn't shoot Bambi except with a camera. Isn't that fantastic that you can make whole mountains in minutes? We'll have a super time.</p>

<p>Everything is happy if you choose to make it that way. Even trees need a friend. We all need friends. Now we'll take the almighty fan brush. Let's just drop a little Evergreen right here. You don't have to spend all your time thinking about what you're doing, you just let it happen.</p>

<p>Without washing the brush, I'm gonna go right into some Van Dyke Brown, some Burnt Umber, and a little bit of Sap Green. God gave you this gift of imagination. Use it. Maybe there's a happy little waterfall happening over here. You have to make almighty decisions when you're the creator. It's all a game of angles.</p>

<p>Every single thing in the world has its own personality - and it is up to you to make friends with the little rascals. We have a fantastic little sky! That's the way I look when I get home late; black and blue. Every highlight needs its own personal shadow. There it is. We don't have to be committed. We are just playing here.</p>
</div>
</div>

<div class="rightImg">
<img src="https://i.imgur.com/dqEwjQV.jpg?1" width="200" height="100">
</div>

<div class="loveBox">
<h1>Love</h1>
<div class="innerBox">
<img src="https://i.imgur.com/gdHWw1k.jpg" width="70" height="70" style="float:left;margin-right:10px;">

<p>Let's build an almighty mountain. Just a little indication. I guess I'm a little weird. I like to talk to trees and animals. That's okay though; I have more fun than most people.</p>

</div></div>

<div class="mainBox">
<center>
<sub>Everything's not great in life,  </sub><br><br>
<name>NAME HERE</name><br>
<sub> but we can still find beauty in it.</sub>
</div>

<div class="navi">
<center>
<a href="/" id="navigation" class="fromCenter">home</a>
<a href="/send_message.php?member_id=######" id="navigation" class="fromCenter">message</a>
<a href="/add_comment.php?member_id=######" id="navigation" class="fromCenter">comment</a>
<a href="/gallery.php?member_id=######" id="navigation" class="fromCenter">photos</a>
<a href="/status_stream.php?member_id=######" id="navigation" class="fromCenter">stream</a>
</center>
</div>