<style>

 @import url('https://fonts.googleapis.com/css?family=Barlow+Condensed|Alegreya+SC|Meddon&display=swap');

body { background-color: #060801;
}


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

::-webkit-scrollbar-thumb {
background-color: #161E02;
}

i {
color: #384213;
text-shadow: 0px 0px 2px #172200;
text-transform: uppercase;
}

b {
color: #4c3103;
letter-spacing: 1px;
font-family: alegreya sc;
}

u {
color: #594423;
text-decoration: underline #000;}

a, a:visited {
color: #444f1a;
text-decoration: none;
transition: all .7s;
text-shadow: none;
}

a:hover {
color: #726f30;
}

h1 {
font-family: alegreya sc;
font-weight: 100;
text-align: center;
border-right: 2px solid;
border-left: 2px solid;
border-bottom: 1px solid;
text-shadow: 1px 0px 1px #000,
-1px -1px 1px #915b04;
color: #4c3103;
font-size: 25pt;
letter-spacing: 3px;
height: 36px;
line-height: 36px;
}

h2 {
font-family: meddon;
font-weight: 100;
text-align: right;
border-bottom: 1px solid #472d0b;
font-size: 20px;
line-height: 8px;
color: #605320;
}

h3 {
letter-spacing: 2px;
font-variant: small-caps;
font-size: 30px;
line-height: 10px;
text-shadow: 1px 0px 0px #564b1f;
color: #211600;
}

ul {
 list-style-type: square;
list-style-position: inside;
font-variant: small-caps;
font-weight: 900;
font-size: 20px;
text-align: left;
color: #4c3103;
}

.sa {
float: left;
font-size: 14px;
line-height: 14px;
}

.sb{
float: right;
font-size: 14px;
line-height: 14px;
}

p {
text-indent: 15px;
text-align: justify;
}

#main {
height: 600px;
width: 770px;
position: fixed;
margin: auto;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
background-color: #111101;
border-radius: 35px;
background-image: url('http://i.picpar.com/9c6d.png');
box-shadow: 0px 0px 10px #381d03;
}

#img {
height: 400px;
width: 350px;
position: fixed;
margin: auto;
top: 0px;
left: 0px;
right: 370px;
bottom: 160px;
overflow: hidden;
background-color: #0B0E01;
box-shadow: 0px 0px 10px #000;
border: 1px solid #000;

}

#first {
height: 120px;
width: 330px;
padding: 10px;
position: fixed;
margin: auto;
top: 410px;
left: 0px;
bottom: 0px;
right: 370px;
background-color: rgba(11, 14, 1, .4);
box-shadow: 0px 0px 10px #000;
border: 1px solid #000;
font-family: barlow condensed;
color: #554C06;
text-shadow: 0px 1px 2px #060801,
1px 0px 2px #060801,
-1px 0px 2px #060801;
overflow-x: hidden;
overflow-y: scroll;
}

#second {
height: 240px;
width: 330px;
padding: 10px;
position: fixed;
margin: auto;
top: 295px;
left: 370px;
right: 0px;
bottom: 0px;
background-color: rgba(11, 14, 1, .4);
box-shadow: 0px 0px 10px #000;
border: 1px solid #000;
color: #473f1f;
text-shadow: 0px 1px 2px #060801,
1px 0px 2px #060801,
-1px 0px 2px #060801;
overflow-x: hidden;
overflow-y: scroll;
font-family: barlow condensed;
}

#third {
height: 180px;
width: 330px;
padding: 10px;
position: fixed;
margin: auto;
top: 0px;
left: 370px;
right: 0px;
bottom: 200px;
background-color: rgba(11, 14, 1, .4);
box-shadow: 0px 0px 10px #000;
border: 1px solid #000;
color: #554C06;
text-shadow: 0px 1px 2px #060801,
1px 0px 2px #060801,
-1px 0px 2px #060801;
overflow-x: hidden;
overflow-y: scroll;
font-family: barlow condensed;
}

#name-top {
height: 30px;
width: 100px;
position: fixed;
margin: auto;
top: 0px;
left: 120px;
right: 0px;
bottom: 540px;
overflow: hidden;
background-color: transparent;
font-family: meddon;
font-size: 26px;
line-height: 30px;
color: #915b04;
padding-left: 5px;
text-shadow: 1px 1px #000,
-1px -0px #bc9a4f;
}

#name-bot {
height: 40px;
width: 330px;
position: fixed;
margin: auto;
top: 0px;
left: 370px;
right: 0px;
bottom: 480px;
overflow: hidden;
background-color: transparent;
font-family: alegreya sc;
font-size: 56px;
line-height: 30px;
color: #663e00;
padding-left: 5px;
text-align: center;
text-shadow: 2px 1px #000,
 -1px 0px #bc9a4f;
}

a.mother, a.mother:visited {
color: #939dba;
transition: all .7s;
text-decoration: none;
}

a.mother:hover {
color: #ccc;
}

</style>

<div id="main">
</div>

<div id="img">

<img src="" height=400 width =350>

</div>

<div id="first">

<ul>
 <li>Clean and sexual roleplay is welcome.</li>
 <li>Please keep it at least semi-literate.</li>
 <li>I am PM friendly and will usually respond.</li>
 <li>Profile is property of me. provided by: <a href="https://roleplay.chat/profile.php?user=mothership" target="_blank" class="mother">☮</a></li>
 <li>All rights to the artist, art will be taken down at their request.</li>
 <li>Discord, Skype, and Steam available to those I know.</li>
 </ul>


</div>

<div id="second">

<center>
<b>bold.</b> <I>italic.</I> <u>underline.</u> <a href="">basic link.</a>
</center>

<h1>header one</h1>

<h2>header two</h2>

<h3>header three</h3>

<p>Lorem ipsum <b>dolor</b> sit amet, consectetur <b>adipiscing</b> elit. Integer efficitur eu velit eu consectetur. <i>Integer</i> in varius dolor. <u>Quisque</u> a fringilla neque. Integer eros enim, <b>tincidunt</b> id ipsum non, hendrerit euismod urna. Integer in purus dolor. Nulla elementum leo quam, ut bibendum nisl porta et. Nulla erat lectus, cursus nec libero et, pellentesque posuere sem. Nunc aliquam est quis scelerisque dictum. Donec nec luctus libero, nec feugiat tortor. Morbi nulla mauris, auctor nec nisl at, rhoncus congue metus. Donec congue tellus sed dui aliquam, pellentesque tristique augue vehicula.</p>

</div>

<div id="third">


<div class="sa">Name</div>
<div class="sb">Vessel Azazer</div><br>

<div class="sa">Species</div>
<div class="sb">Eldritch Anomaly</div><br>


<div class="sa">Height</div>
<div class="sb">7'6</div><Br>

<div class="sa">Weight</div>
<div class="sb">682</div><br>

<div class="sa">Gender</div>
<div class="sb">Male</div><br>

<div class="sa">Marital Status</div>
<div class="sb">Single</div><br>

<div class="sa">Orientation</div>
<div class="sb">Feminine Lean</div><br>

 <p></p>
 <p></p>


</div>

<div id="name-top">
 vessel
</div>

<div id="name-bot">
 azazer
</div>