Custom Order - Lobster

<!--about me-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap');

body {
background-color:#560100;
background-repeat:no-repeat;
background-attachment:fixed;
margin: 0;
overflow:auto;
background-size:cover;
background-image:url('https://i.imgur.com/oqAbs0H.png');
}

h1{
    font-family: 'Lora', serif;
    color: #560100;
    text-transform: uppercase;
    font-size: 50px;
    margin: 0;

}

h2{
    font-family: 'Lora', serif;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    letter-spacing: 17px;
    /* margin-left: 123px; */
    font-size: 11px;
    width: 100%;
    text-align: center;
}

a.navigationLink:link, a.navigationLink:visited {
    background-color: #560100;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 20px;
    width: 63px;
}

a.navigationLink:hover, a.navigationLink:active {
  background-color: #0c0b0b;
}



a.closeButton:link, a.closeButton:visited {
    color: #fff;
}

a.closeButton:hover, a.closeButton:active {
color: #000;
text-decoration:none;
}

a.tabLinksBottom:link, a.tabLinksBottom:visited {
    background-color: #0c0b0b;
    color: #fff;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-top: solid #560100 4px;
    /* border-bottom: solid #560100 4px; */
    width: 19%;
    margin-top: 9px;
    text-transform: uppercase;
    font-family: 'Lora', serif;
    font-size: 14px;
}

a.tabLinksBottom:hover, a.tabLinksBottom:active {
  color: #fff;
}

table, tr, td, li, p, div, .profileInfo td.text {
font-size: 12px;
    color: #ffffff;
    font-family: Georgia;}


.container {
width:1000px;
height:auto;
position:absolute;
left:0;
right:0;
top:0;
overflow:hidden;
margin:auto;
color:#fff;
background-color:#0c0b0b;
font-family: 'Abel', sans-serif;
border-radius:20px;
}

#auroraStoryline{
display:none;
}

#auroraStoryline:target{
display:block;
width:600px;
height:500px;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
background:#000;
padding:20px;
}



#magicCarpet{
display:none;
}

#magicCarpet:target{
display:block;
width:100%;
height:220px;
}


#loveLife{
display:none;
}

#loveLife:target{
display:block;
width:100%;
height:220px;
}

#connectionsHere{
display:none;
}

#connectionsHere:target{
display:block;
width:100%;
height:220px;
}

#owesList{
display:none;
}

#owesList:target{
display:block;
width:100%;
height:220px;
}

::-webkit-scrollbar-thumb:vertical {height:12px; background:#0c0b0b; border-top:10px solid #560100; border-bottom:10px solid #560100;}
::-webkit-scrollbar-thumb:horizontal {background-color:#0c0b0b;}
::-webkit-scrollbar {width:5px; height:7px;}


.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
</style>



<!--like to meet-->
<html>
<body>
<div class="container">
<div style="margin-top:20px; margin-left:20px; display:inline-block; vertical-align:top;">
<img src="https://i.imgur.com/D0UKa3C.png" style="border-radius:20px;">
</div>
<div style="margin-top: 20px; margin-left: 20px; display: inline-block; height: 460px; width: 643px; overflow:auto; border-radius: 20px; vertical-align:top;">
<h1>─── street mouse</h1>
<h2>Jasmine prabha Alsisar</h2>
<br><br>
<center>
<a href="/" class="navigationLink">Home</a>
<a href="/" class="navigationLink" style="margin-left:5px;">Message</a>
<a href="/" class="navigationLink" style="margin-left:5px;">Comment</a>
<a href="/" class="navigationLink" style="margin-left:5px;">Stream</a>
<a href="/" class="navigationLink" style="margin-left:5px;">Photos</a>
</center>
<div style="width: 643px; height: 314px; margin-top: 12px; font-family:Georgia; font-size:12px; color:#fff; overflow:auto; text-align:justify;">
<img src="https://i.imgur.com/NA7OGdx.png" align="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae. Aliquam vestibulum morbi blandit cursus risus at. Tortor posuere ac ut consequat. Ut morbi tincidunt augue interdum velit euismod in. Imperdiet proin fermentum leo vel orci porta non. Ac odio tempor orci dapibus. Bibendum est ultricies integer quis auctor elit sed vulputate. Eu lobortis elementum nibh tellus molestie nunc non blandit massa. Purus non enim praesent elementum facilisis leo. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Tellus rutrum tellus pellentesque eu tincidunt tortor. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. A condimentum vitae sapien pellentesque habitant. Viverra nam libero justo laoreet sit amet cursus sit amet. Rhoncus urna neque viverra justo nec ultrices dui sapien eget. Vitae aliquet nec ullamcorper sit.
<br><br>
<img src="https://i.imgur.com/L2tXPoF.png" align="right">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae. Aliquam vestibulum morbi blandit cursus risus at. Tortor posuere ac ut consequat. Ut morbi tincidunt augue interdum velit euismod in. Imperdiet proin fermentum leo vel orci porta non. Ac odio tempor orci dapibus. Bibendum est ultricies integer quis auctor elit sed vulputate. Eu lobortis elementum nibh tellus molestie nunc non blandit massa. Purus non enim praesent elementum facilisis leo. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Tellus rutrum tellus pellentesque eu tincidunt tortor. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. A condimentum vitae sapien pellentesque habitant. Viverra nam libero justo laoreet sit amet cursus sit amet. Rhoncus urna neque viverra justo nec ultrices dui sapien eget. Vitae aliquet nec ullamcorper sit.
<br><br>
<img src="https://i.imgur.com/YfxE2ov.png" align="left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis eleifend quam adipiscing vitae. Aliquam vestibulum morbi blandit cursus risus at. Tortor posuere ac ut consequat. Ut morbi tincidunt augue interdum velit euismod in. Imperdiet proin fermentum leo vel orci porta non. Ac odio tempor orci dapibus. Bibendum est ultricies integer quis auctor elit sed vulputate. Eu lobortis elementum nibh tellus molestie nunc non blandit massa. Purus non enim praesent elementum facilisis leo. Viverra mauris in aliquam sem fringilla ut morbi tincidunt augue. Tellus rutrum tellus pellentesque eu tincidunt tortor. Egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. A condimentum vitae sapien pellentesque habitant. Viverra nam libero justo laoreet sit amet cursus sit amet. Rhoncus urna neque viverra justo nec ultrices dui sapien eget. Vitae aliquet nec ullamcorper sit.
</div>
</div>
<div style="width:100%; text-align:center;">
<a href="#magicCarpet" class="tabLinksBottom">Magic Carpet</a>
<a href="#loveLife" class="tabLinksBottom">Love of my Life</a>
<a href="#connectionsHere" class="tabLinksBottom">Those in my Heart</a>
<a href="#owesList" class="tabLinksBottom">My Writing</a>
</div>


<div id="loveLife">
<img src="https://i.imgur.com/szJnILG.png" style="margin-left:20px;">
<div style="width: 671px; height: 200px; display: inline-block; vertical-align: top;">
<h1>─── the love of my life</h1>
<h2>i can show you the world, shining shimmery splendid</h2>
<div style="height:110px; width:670px; margin-top:10px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
<b>Status:</b> status here. <br>
<b>Since when:</b> here.<br>
<b>To whom:</b> here. <br>
<b>Comments:</b> here.
</div>
</div>
</div>


<div id="connectionsHere">
<img src="https://i.imgur.com/SneSKSG.png" style="margin-left:20px;">
<div style="width: 671px; height: 200px; display: inline-block; vertical-align: top;">
<h1>─── those in my heart</h1>
<h2>my storylines and friends</h2>
<div style="height:110px; width:670px; margin-top:10px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
<a href="#auroraStoryline"><img src="https://i.imgur.com/xSA5V6j.png"></a>
</div>
</div>
</div>

<div id="owesList">
<img src="https://i.imgur.com/yYhgiFi.png" style="margin-left:20px;">
<div style="width: 671px; height: 200px; display: inline-block; vertical-align: top;">
<h1>─── the owes list</h1>
<div style="height:110px; width:670px; margin-top:10px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
<center>
<div style="width:200px; height:75px; margin-top:10px; margin-right:10px; display:inline-block; overflow:auto;">
<h2 style="margin-bottom:5px;">I owe</h2>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
</div>

<div style="width:200px; height:75px; margin-top:10px; margin-right:10px; display:inline-block; overflow:auto;">
<h2 style="margin-bottom:5px;">You owe</h2>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
</div>

<div style="width:200px; height:75px; margin-top:10px; margin-right:10px; display:inline-block; overflow:auto;">
<h2 style="margin-bottom:5px;">Discord</h2>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
<b>name</b> - starter/reply - <i>--/--</i><br>
</div>
<h1 style="font-size:20px;">last updated: --/--</h1>
</center>
</div>
</div>
</div>


<div id="magicCarpet">
<img src="https://i.imgur.com/LCwsRPK.png" style="margin-left:20px;">
<div style="width: 671px; height: 200px; display: inline-block; vertical-align: top;">
<h1>─── the magic carpet</h1>
<h2>where your dreams come true</h2>
<div style="height:110px; width:670px; margin-top:10px; overflow:auto; font-family:Georgia; font-size:12px; color:#fff; text-align:justify;">
The Magic Carpet is a place where you can go to release your sexual tension. The brightly colored rooms with dark lighting is where you can see some of the most gorgeous men and women from the town move in ways you can only dream about. Now if you want to do some...touching....that's extra, but there are special rooms for just that.
</div>
</div>
</div>
<div id="auroraStoryline">
<div style="width:100%; height:auto; text-align:right;">
<a href="#close" class="closeButton">X</a>
</div>
<h1>─── Aurora Rose</h1>
<h2>the love of my life</h2>
<img src="https://i.imgur.com/vtgZC42.png" style="margin-top:10px;">
<div style="width: 580px; height: 199px; font-family: Georgia; font-size: 12px; color: #fff; overflow: auto; text-align: justify; padding: 10px;">
write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here.  write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here. write about why she is the love of my life here.
</div>
</div>

</div>
</body>
</html>