The Queen of Egypt

<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico|Shadows+Into+Light|Dancing+Script|Architects+Daughter|Kaushan+Script|Gloria+Hallelujah|Satisfy|Courgette|Handlee|Rock+Salt|Cookie|Shadows+Into+Light+Two|Tangerine|Pinyon+Script|Great+Vibes|Bad+Script|Marck+Script|Damion|Niconne|Alex+Brush|Yellowtail|Nothing+You+Could+Do|Kalam|Sacramento|Homemade+Apple|Calligraffitti|Just+Another+Hand|Waiting+for+the+Sunrise|Allura|Rancho|Crafty+Girls|Reenie+Beanie|Parisienne|Rochester|Leckerli+One|Grand+Hotel|Merienda+One|Italianno|Montez|Petit+Formal+Script|Give+You+Glory|Delius|Mr+Dafoe|The+Girl+Next+Door|Arizonia|La+Belle+Aurore|Qwigley|Norican|Euphoria+Script|Dawning+of+a+New+Day|Bilbo+Swash+Caps|Meddon|Fondamento|Clicker+Script|Aladin|Delius+Swash+Caps|Rouge+Script|Engagement|Redressed|Aref+Ruqaa);

html, body {
background: #000;
background-image:url("https://i.ytimg.com/vi/j3GrlApRtkw/maxresdefault.jpg");
background-size: 100%;
background-repeat: repeat;
background-position: bottom;
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#transparent;
}

#container {
background-color: #996515;
width: 800px;
height: 450px;
margin:auto;
position: absolute;
right: 20%;
bottom: 10%;
z-index:1;
border: #000000 solid 1px;
}

#content {
background-color: #f3f3f3;
opacity: 0.8;
width: 470px;
height: 350px;
margin:auto;
position: absolute;
left: 5%;
bottom: 10%;
font-family: 'Aref Ruqaa', cursive;
font-size: 15px;
z-index:1;
border: #000000 solid 1px;
}

#image {
width: 250px;
margin: 0px;
border: none;
height: 350px;
background-color:transparent;
position: absolute;
right: 5%;
bottom: 10%;
background-image:url("http://i.picpar.com/PvOc.jpg");
background-repeat:no-repeat;
background-size: 100%;
border: solid 1px #000000;
}

#nav {
background-color:#transparent;
width: 150px;
height:45px;
margin:auto;
position: absolute;
left: 2%;
top: 7%;
text-align:right;
z-index:1;
}

#nav a, #nav a:link, #nav a:visited {
display:inline-block;
background: #000000;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 15px;
width:20px;
border-radius: 5px;
}

#nav a:active, #nav a:hover {
display:inline-block;
height: 15px;
width:20px;
text-decoration:none;
background: #EEE8AA;
color: #EEE8AA;
margin: 0px;
}

.a:link, a:active, a:visited {
font-family: Modern;
font-size: 12px;
color:#666666;
letter-spacing: 1px;
text-decoration: none;
text-align: left;
-webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
 }

a:hover {
background-color: transparent;
font-family: arial;
font-size: 16px;
font-weight: bold;
color: #7c7c7c;
text-decoration: none;
text-transform: lowercase;
text-align: left;
}

h1 {
  font-family: 'Mr Dafoe', cursive;
  font-size: 30px;
  line-height: 22px;
  border-bottom: 1px double #6D7365;
  color:#000000;
  letter-spacing:1px;
  word-spacing: 2px;
  text-decoration:none!important;
}

.header{
position:absolute;
width:250px;
background:#transparent;
height:30px;
overflow:hidden;
font-family: 'Great Vibes', cursive;
font-size: 30px;
font-weight:bold;
color:#000000;
text-shadow: -1px 0 #EEE8AA, 0 1px #EEE8AA,1px 0 #EEE8AA, 0 -1px #EEE8AA;
text-transform:none;
text-align:right;
}

#name {
z-index:15;
position: absolute;
right: 0%;
bottom: 0%;
margin: none;
background: #transparent;
width: 25vw;
height: 70px;
font-family: Great Vibes;
font-size: 3vw;
background: url(https://media.giphy.com/media/VfjEHoNY0IMAE/200.gif) -20px -20px repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
display:block;
text-align: center;
letter-spacing: 1px;
-webkit-transition:opacity 2s linear;
}

#nameunder{
z-index:15;
position: absolute;
right: 0%;
bottom: 0%;
margin: none;
background: #transparent;
width: 25vw;
height: 70px;
font-family: Great Vibes;
font-size: 3vw;
-webkit-text-fill-color: transparent;
text-transform: none;
-webkit-background-clip: text;
display:block;
text-shadow: -1px 0 #000, 0 1px #000,1px 0 #000, 0 -1px #000;
text-align: center;
letter-spacing: 1px;
-webkit-transition:opacity 2s linear;
}
</style>
<div id="container">

<div class="header" style="bottom: 0%; right: 2%;">Her Life Is of Amun</div>
<div id="nameunder">The Queen of Egypt</div><div id="name">The Queen of Egypt</div>

<div id="image"></div>

<div id="nav">
<a href="#one"></a>
<a href="#two"></a>
<a href="#three"></a>
<a href="#four"></a>
<a href="#five"></a>
</div>


<div id="content">
<div style="width: 450px; height: 350px; overflow-y: hidden;">

<a name="one"></a>
<div style="width: 450px; height: 350px; overflow: auto;" align="center">

<font style=float:left><b>Name</b></font> <font style=float:right></font><br>
<font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
<font style=float:left><b>Gender</b></font> <font style=float:right></font><br>
<font style=float:left><b>Apparent Age</b></font> <font style=float:right></font><br>
<font style=float:left><b>Race</b></font> <font style=float:right></font><br><br>
<font style=float:left><b>Height</b></font> <font style=float:right></font><br>
<font style=float:left><b>Weight</b></font> <font style=float:right></font><br>
<font style=float:left><b>Tresses</b></font> <font style=float:right></font><br>
<font style=float:left><b>Irises</b></font> <font style=float:right></font><br><br>
<font style=float:left><b>Position/Dom-Sub</b></font> <font style=float:right><a title="">hover</a></font><br>
<font style=float:left><b>Marital</b></font> <font style=float:right></font><br>
<font style=float:left><b>Interest</b></font> <font style=float:right><a href="" target="_blank"></a></font><br>
<font style=float:left><b>Orientation</b></font> <font style=float:right></font><br>
</div>

<a name="two"></a>
<div style="width: 450px; height: 350px; overflow: auto;" align="center">

</div>

<a name="three"></a>
<div style="width: 450px; height: 350px; overflow: auto;" align="center">

</div>

<a name="four"></a>
<div style="width: 450px; height: 350px; overflow: auto;" align="center">
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>
<a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a>

</div>

<a name="five"></a>
<div style="width: 450px; height: 350px; overflow: auto;" align="center">
PM friendly.<br>
Respect the right to refuse roleplay.<br>
Clean/Sexual, both are fine.<br>
Long-Term/Short-Term, I'm not picky.<br>
Art isn't mine.<br>
IC is not OOC.<br>
I'll respect you, so I expect the same in return.<br>
Semi Para and up. Sometimes one-line when bored.<br>
Don't message me with a post. Always ask me if I want to RP first! Starting with a post will only get you ignored.<br>
Emoticons and anything of the sort is just a big NO. If you can't accurately describe facial expressions without use of one, just don't bother.<br>
Flexible setting-wise, can adapt.<br>
Don't be afraid to PM me if you're up for a roleplay.
</div>
</div>
</div>

</script>
</body>
</html>