soleil

<style>
@import url('https://fonts.googleapis.com/css?family=Rancho');

body {background: url('https://www.xmple.com/wallpaper/white-graph-paper-pink-grid-1920x1080-c2-ffb6c1-ffffff-l2-5-215-a-45-f-20.svg');
background-size: 300px;}
::-webkit-scrollbar {display:none}

b {color: #955264}
i {color: #955264}
a {text-decoration: none; color: #FBCDAB;}
a:hover {color: #FFE9ED;}
a.linked:hover {color: #FFE9ED;}
a.coded {text-decoration: none; color: #FFE9ED;}
a.coded:hover {color: #FAAAC7;}

.container {position: fixed;
height: 100px;
width: 100px;
left: 0px;
bottom: 0px;
}

.backdrop {position: absolute;
background: #FFE9ED;
height: 360px;
width: 700px;
left: 100px;
bottom: 100px;
}

.backborder {position: absolute;
height: 400px;
width: 735px;
left: 80px;
bottom: 78px;
border: 3px solid #FFE9ED;
}

.image {position: absolute;
background: url('https://i.imgur.com/omIQB7S.png') no-repeat;
background-size: 550px;
background-position: 0px 0px;
height: 685px;
width: 506px;
left: -85px;
bottom: 0px;
}

.name {position: absolute;
font-family: 'Rancho', cursive;
font-size: 140px;
background: -webkit-linear-gradient(#FAAAC7, #F285A4, #F17597, #D7557B);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
top: 0px;
right: 35px;
}

#tab1, #tab2, #tab3, #tab4, #tab5 {position: absolute;
background: -webkit-linear-gradient(#D7557B, #F17597, #F285A4, #FAAAC7);
overflow: auto;
padding: 20px;
font-family: Trebuchet MS;
font-size: 12px;
color: #FFE9ED;
text-align: justify;
height: 120px;
width: 195px;
right: 30px;
bottom: 50px;
border-radius: 15px;
}
#tab1:target, #tab2:target, #tab3:target, #tab4:target, #tab5:target {
overflow:auto;
transition:all .9s ease-in-out;
-webkit-transition:all .9s ease-in-out;
-o-transition:all .9s ease-in-out;
-moz-transition:all .9s ease-in-out;
z-index:1000;}

.navi{position: absolute;
right: -85px;
bottom: 5px;
width:300px;
}
.navi a{background: -webkit-linear-gradient(#D7557B, #F17597, #F285A4, #FAAAC7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Trebuchet MS;
font-size: 25px;
overflow: hidden;
-webkit-transition:all .7s ease-in-out;
-o-transition:all .7s ease-in-out;
-moz-transition:all .7s ease-in-out;
display: inline-block;
}
.navi a:hover {background: #FFE9ED;}

.coder {position: absolute;
font-family: trebuchet MS;
font-size: 17px;
color: #FFE9ED;
letter-spacing: 10px;
left: 330px;
bottom: -30px;
}


</style>
<div class="container">
<div class="backborder">
<div class="coder"><a class="coded" href="https://roleplay.chat/profile.php?user=words">WORDS</a>
</div></div>
<div class="backdrop">
<div class="image"></div>

<div id="tab5">
<font style=float:left><b>001.)</b></font> <font style=float:right>Real life always comes first.</font><br><br>
<font style=float:left><b>002.)</b></font> <font style=float:right>IC is not OOC. </font><br><br>
<font style=float:left><b>003.)</b></font> <font style=float:right>Not here for smut.</font><br><br>
<font style=float:left><b>004.)</b></font> <font style=float:right>Shit poster to multi para.</font><br><br>
<font style=float:left><b>005.)</b></font> <font style=float:right>Fickle muse, sleeps often.</font><br>

</div>

<div id="tab4">
<center><a target="_blank" href="https://roleplay.chat/profile.php?user=Teru"=target="_blank">Teru</a><br>
Another alien I found. He's helping me figure out how to act and how to speak. Seeing him be proud of my accomplishments makes me want to try harder. He's truly one of a kind. He's letting me live with him and I'm more grateful than I can express. I think I'll like my new home.
</center>
</div>

<div id="tab3">
<center><b>Four Arms</b><br>
Soleil has four very strong arms, total control over each. Though abnormal she finds them all to be useful and finds them helpful in day to day life.
<br><br>
<b>Telepathy</b><br>
Since Soleil can't speak very well other than clicking and chittering, she uses her telepathy to speak to people when it's necessary.
<br><br>
<b>Acidic Saliva</b><br>
When she's upset, Soleil can spit acid strong enough to put holes through couches. The majority of her 'powers' are controlled by her emotions.
<br><br>
<b>Body Temperature</b><br>
Her body will swing between warm and cold depending on her mood, which can be helpful in some situations but not many.
<br><br>
<b>Odd Mannerisms</b><br>
Due to being from another planet, she's not sure how to act around humans. She tends to pick people up off the ground and is very touchy for no real reason. She's not sure how most objects work and will often use them in the wrong way.
<br><br>
<b>Lifespan</b><br>
It's typical of most aliens to have much longer lifespans than humans. She's multiple million years old though looks to be only about twenty four.
</div>

<div id="tab2">
<center>
Soleil is quite obviously not from Earth, with her four arms and all. She's from a far-away planet called ⎐⟒⍀⏁⏃⍀⟟, or Vertari. She was abandoned on Earth by her fellow Vertarians due to her extra limbs which was seen as abnormal. She was considered bad luck for their planet and they decided to send her away to a planet less fortunate than her own.<br><br>
She's been having to hide from most humans, knowing that her body was irregular and could get her in much more trouble than she was looking for. Hiding and avoiding being seen had been her life for the past multiple years. She can't speak or read well, but with the help of a friend, she's going to try to fit in this strange world. Teru has offered to help her in this new world, she's utterly fascinated by him and the kindness he shows. He's the only person who has been interested in her since showing up on Earth.
</center>
</div>

<div id="tab1">
<font style=float:left><b>NAME:</b></font> <font style=float:right>Soleil</font><br>
<font style=float:left><b>RESIDENCE:</b></font> <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=Teru"=target="_blank">Friend!</a></font><br>
<font style=float:left><b>AGE:</b></font> <font style=float:right>Unknown</font><br>
<font style=float:left><b>HEIGHT:</b></font> <font style=float:right>5'5"</font><br>
<font style=float:left><b>WEIGHT:</b></font> <font style=float:right>132 lbs</font><br>
<font style=float:left><b>BUILD:</b></font> <font style=float:right>Buff</font><br>
<font style=float:left><b>RACE:</b></font> <font style=float:right>Alien!</font><br>
<font style=float:left><b>ORIENTATION:</b></font> <font style=float:right>Flexible</font><br>
<font style=float:left><b>RELATIONSHIP STATUS:</b></font> <font style=float:right>Single</font><br>
<font style=float:left><b>GALLERY:</b></font> <font style=float:right><a target="_blank" href="https://imgur.com/a/k1HXVYC"=target="_blank">Here.</a></font><br>
</div>

<div class="name">Soleil</div>

<div class="navi">
<a class="linked" href="#tab1">❤</a>
<a class="linked" href="#tab2">❤</a>
<a class="linked" href="#tab3">❤</a>
<a class="linked" href="#tab4">❤</a>
<a class="linked" href="#tab5">❤</a>
</div>