Marius

<style type="text/css">

body { background-color: #262739; background-image: url(http://i.imgur.com/hSHbvn9.jpg), url( );
background-attachment: fixed, fixed; background-position: 80% 30%, 0% 30%; background-repeat: no-repeat, no-repeat; background-size: cover;
cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important; }
a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important; }

::-webkit-scrollbar-thumb:vertical{background-color:#transparent;;height:100px; }
::-webkit-scrollbar-thumb:horizontal{background-color:#transparent;;height:100px!important;}
;:-webkit-scrollbar{height:0px;width:0px;background-color:#transparent;}

 a{text-decoration: none; color: #52547a; }  a:hover{color: transparent; text-shadow: #52547a 0px 0px 2px}

#h1{ font-family: 'Pacifico'; font-size: 20px; color: #52547a; text-transform:uppercase; color:#4C0805; z-index; 0px; }

#back{ top:40%; left:55%; width:40.3%; height:53%; position: fixed;background-color: #F8F3D6; border:8.5px double #4C0805; background-image:url('https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg'); background-position:50% 50%; background-size:100%;}

#slave {position: fixed; top:50%; left:56%; width:40%; height:40%; background-image: url('http://cloud-3.steamusercontent.com/ugc/546385847084513986/D54976C7FED20FBC9E893CE62CC0B702AE62E00B/');
background-size:90%; background-repeat:no-repeat; background-position: 50% 20%; background-attachment: absolute; }

#content{ top: 5%; left: 55%; height: 40%; width: 40%; z-index: 100; position: absolute; background-color: #F8F3D6;background-image:url('https://images.freecreatives.com/wp-content/uploads/2016/02/Light-Parchment-Texture.jpg'); background-position:50% 50%; background-size:100%; margin: px;  padding: 2px;
border-top:9px double #4C0805; border-right:9px double #4C0805; border-left:9px double #4C0805; border-bottom:  #4C0805; }

.mirror{ width: 93%; height: 80%; z-index: 100; padding: 3px; opacity: 0; color: #4C0805; font-size: 13px; line-height: 17px; font-weight: none;  font-family: 'Share';
position: absolute; top: 180px;  left: 10px; text-align: center; overflow-x: hidden; border: 5px solid #transparent; background-color: #transparent;}

.mirror:target{ top: 12%; right: 15%; opacity: 100; z-index: 200; -transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }

a.main:link, a.main:active, a.main:visited{  display: inline-block;  width: 10.3%;  padding: 6.46px;  font-family: Georgia;  font-size: 10px; margin-left: 2.3%; margin-top: 1%;
 text-transform: uppercase;  text-align: center;  text-decoration: none;  color: #;  border: 2px solid #4C0805;  background-color: #4C0805; }

a.main:hover{  width: 10.3%;  padding: 6.46px;  color: #fff;  border: solid 2px #4C0805;  background-color: #ccc;
margin-left: 2.3%; margin-top: 1%;  transition: all 0.8s ease-in-out;  -moz-transition: all 0.8s ease-in-out;  -webkit-transition: all 0.8s ease-in-out; }

#credit{ height:20px; background-color:#000; overflow:hidden; width:5%; position:fixed; right:5%; bottom:0%; padding-top:5px; text-align:center; font-size:11px; color:#CFC8E7; border:1px solid #000;
-moz-border-radius-topleft: 90px; -webkit-border-top-left-radius: 90px;  border-top-left-radius: 90px; -moz-border-radius-topright: 90px; -webkit-border-top-right-radius: 90px; border-top-right-radius: 90px; }

#credit:hover{ height:80px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

</style>

<div id="back"></div><div id="content">

<div id="as" class="mirror">
<div id="h1"><center>  </div> <br><br>
<center>

Marius Titus<br>
Male<br>
Leontius (Father) Septima (Mother) Honorata (Sister)<br>
Ryse: Son of Rome <br>


</center>
</div>


<div id="rare" class="mirror">
<div id="h1"><center>allies</div> <br><br>
<center>
<br>List names here<br>


</center>
</div>


<div id="to" class="mirror">
<div id="h1"><center>History</div> <br><br>
<center>

<br>Maybe put some history here. <br>


</center>
</div>


<div id="the" class="mirror">
<div id="h1"><center>title</div> <br><br>
<center>

<br>Some tight ass words here. <br>


</center>
</div>


<div id="moon" class="mirror">
<div id="h1"><center>OOC</div> <br><br>
<center>

<br>OOC does not equal IC.
<br>In-Caracter actions = In-character consequences. If you openly attack this character, <b>He will kill you.</b>
<br>Open to various settings within reason.
<br>


</center>
</div>

<div id="slave"></div>
<a href="#as" class="main"></a> <a href="#rare" class="main"></a>
<a href="#to" class="main"></a> <a href="#the" class="main"></a>
<a href="#moon" class="main"></a> <a href="##" class="main"></a>

<div class="container"></div></div>
<div id="credit">©<br><br><br><a target="_blank" href="https://roleplay.chat/profile.php?user=Rad+Cat" title="Credit">STEAL ME!</a></div> </div></div></div></center></div></center>