NEPHRITE CODE [DONE]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Forum|Lobster+Two|Bebas+Neue|Montez|Vidaloka');

body {
background-color: #000;
background-image: url('https://www.transparenttextures.com/patterns/asfalt-light.png');
background-position: center;
background-size: 10%;
background-repeat:repeat;
}

#profile {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

::-webkit-scrollbar-track {
background-color:;
}

::-webkit-scrollbar-thumb {
background-color:;
}

::-webkit-scrollbar {
width:0px;
height:0px;
}

#container {
position: absolute;
left: 13%;
top: 12%;
background-color: transparent;
height: 500px;
width: 1000px;
border: 2px solid #000;
box-shadow: 0px 0px 8px 8px #111;
background-image: url('https://img1.picmix.com/output/stamp/thumb/9/6/4/6/1606469_f1f53.gif');
background-size: 8%;
}

#topimg {
position: absolute;
left: 10px;
top: 10px;
height: 480px;
width: 250px;
background-image: url('https://semtribefair.com/wp-content/uploads/2019/02/Bio_Graphics_Martin_Sensmeier_890x790px.jpg');
background-size: 230%;
background-repeat: no-repeat;
box-shadow: 0px 0px 3px 3px #222;
border: 1px solid #000;
background-position: center;
}

#icontop {
position: absolute;
z-index: 1;
top: 10px;
right: 10px;
height: 60px;
width: 60px;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
background-image: url('https://i.pinimg.com/originals/87/9c/f8/879cf85c17b2260910e6520c467b4de5.jpg');
background-size: 100%;
background-repeat: no-repeat;
filter: grayscale(50%);
}

#iconmid1 {
position: absolute;
z-index: 1;
top: 112px;
right: 10px;
height: 60px;
width: 60px;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
background-image: url('https://images.saymedia-content.com/.image/MTU4NDEyMjg4NjM2MTY4MTI3/martin-sensmeier-courtesy-jeremy-ray-valdez1.jpg');
background-size: 140%;
background-repeat: no-repeat;
filter: grayscale(50%);
}

#iconmid2 {
position: absolute;
z-index: 1;
bottom: 112px;
right: 10px;
height: 60px;
width: 60px;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
background-image: url('https://64.media.tumblr.com/a286a8006ae8f07009adcef1e06ab5f3/5652d95fea2a1c20-5f/s500x750/c28afb1f9473e9b669be53b58dbe8949c49d3b80.png');
background-size: 120%;
background-repeat: no-repeat;
filter: grayscale(50%);
}

#iconmid3 {
position: absolute;
z-index: 1;
bottom: 215px;
right: 10px;
height: 60px;
width: 60px;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
background-image: url('https://64.media.tumblr.com/f6d92b58511144c80cd199712d3ea0d8/5652d95fea2a1c20-b6/s500x750/62936a489e65fffddf288b46b47604d64578c7b3.png');
background-size: 120%;
background-repeat: no-repeat;
filter: grayscale(50%);
}

#iconbot {
position: absolute;
z-index: 1;
bottom: 10px;
right: 10px;
height: 60px;
width: 60px;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
background-image: url('https://spoilertime.com/wp-content/uploads/2019/01/47584810_788495271487950_5830839673434174361_n-e1548985025507-1024x847.jpg');
background-size: 120%;
background-repeat: no-repeat;
filter: grayscale(50%);
}

#tab1 {
position: absolute;
z-index: 1;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 60px;
left: 280px;
width: 11px;
top: 10px;
background: #000;
}

#tab1:hover {
background-color: #222;
}

#tab2 {
position: absolute;
z-index: 1;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 60px;
left: 280px;
width: 11px;
top: 112px;
background: #000;
}

#tab2:hover {
background-color: #222;
}

#tab3 {
position: absolute;
z-index: 1;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 60px;
left: 280px;
width: 11px;
bottom: 215px;
background: #000;
}

#tab3:hover {
background-color: #222;
}

#tab4 {
position: absolute;
z-index: 1;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 60px;
left: 280px;
width: 11px;
bottom: 112px;
background: #000;
}

#tab4:hover {
background-color: #222;
}

#tab5 {
position: absolute;
z-index: 1;
border: 4px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 60px;
left: 280px;
width: 11px;
bottom: 10px;
background: #000;
}

#tab5:hover {
background-color: #222;
}

#info {
position: absolute;
z-index: 1;
left: 320px;
top: 10px;
border: 2px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 215px;
width: 180px;
background-color: #111;
color: #fff;
padding: 5px;
font-family: 'Forum';
font-size: 12px;
line-height: 16px;
overflow-y: auto;
}

#moreinfo {
position: absolute;
z-index: 1;
left: 320px;
bottom: 10px;
border: 2px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 215px;
width: 180px;
background-color: #111;
color: #fff;
padding: 5px;
font-family: 'Forum';
font-size: 12px;
line-height: 16px;
overflow-y: auto;
}

#evenmoreinfo {
position: absolute;
z-index: 1;
left: 535px;
bottom: 160px;
border: 2px solid #000;
box-shadow: 0px 0px 3px 3px #222;
height: 155px;
width: 352px;
background-color: #111;
color: #fff;
padding: 5px;
font-family: 'Forum';
font-size: 12px;
line-height: 16px;
overflow-y: auto;
}

#last {
position: absolute;
left: 545px;
bottom: 5px;
height: 140px;
width: 352px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url('https://i.ibb.co/DKj06G9/Kichxaan.png');
}

#first {
position: absolute;
left: 560px;
top: 20px;
height: 130px;
width: 352px;
background-size: 90%;
background-repeat: no-repeat;
background-image: url('https://i.ibb.co/YBYWdLR/Fabian.png');
}

h1 {
font-family: 'Lobster Two';
font-size: 20px;
background-color: #000;
background-image: url('https://www.transparenttextures.com/patterns/gravel.png');
line-height: 20px;
background-size: 16%;
background-repeat: repeat;
color: #fff;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
margin-bottom: 0px;
}

h2 {
font-family: 'Bebas Neue';
font-size: 12px;
text-align: right;
color: #888;
border-top: 1px dotted #000;
margin-top: 0px;
letter-spacing: 2px;
margin-bottom: 4px;
}

b {
font-family: 'Vidaloka';
color: #FF5835;
font-size: 11px;
}

a {
font-family: 'Montez';
color: orange;
text-decoration: none;
}

a:hover {
color: #82301F;
text-decoration: underline;
}

</style>
<div id="profile" oncontextmenu="return false;">
<div id="container">
<div id="topimg"></div>
<div id="icontop"></div>
<div id="iconmid1"></div>
<div id="iconmid2"></div>
<div id="iconmid3"></div>
<div id="iconbot"></div>
<div id="first"></div>
<div id="last"></div>
<a href="#2"><div id="tab1"></div></a>
<a href="#3"><div id="tab2"></div></a>
<a href="#4"><div id="tab3"></div></a>
<a href="#5"><div id="tab4"></div></a>
<a href="#1"><div id="tab5"></div></a>
<div id="info"><h1>Statistics</h1><h2>Reborn.</h2>
<b>Name:</b> <font style="float:right;">Fabian Kichx̱áan.</font><br>
 <b>Nickname(s):</b> <font style="float:right;">Fab.</font><br>
 <b>Age:</b> <font style="float:right;">Twenty-Seven.</font><br>
<b>D.o.B.:</b> <font style="float:right;">March 17th, 1992.</font><br>
<b>P.o.B.:</b> <font style="float:right;">Anchorage, Alaska.</font><br>
 <b>Ethnicity:</b> <font style="float:right;">Tlingit/Athabascan.</font><br>
 <b>Nationality:</b> <font style="float:right;">American.</font><br>
 <b>Orientation:</b> <font style="float:right;">Heteroflexible.</font><br>
<b>Marital:</b> <font style="float:right;"><a href="//roleplay.chat/profile.php?user=Zoisite">Enraged.</a></font><br>
 <b>Occupation:</b> <font style="float:right;">E.M.T.</font><br>
 <b>Alignment:</b> <font style="float:right;">Lawful Good.</font><br>
<b>Residence:</b> <font style="float:right;">Crystaia City, CA.</font><br>
<B>Theme:</B> <font style=float:right><a target="_blank" href="" target="_blank">Bullet to the Heart.</a></font><br>
<b>Hair Color:</b> <font style="float:right;">Black.</font><br>
<b>Hair Style:</b> <font style="float:right;">Short, Styled.</font><br>
<b>Eye Color:</b> <font style="float:right;">Chocolate Brown.</font><br>
<b>Skin Tone:</b> <font style="float:right;">Ruddy.</font><br>
<b>Height:</b> <font style="float:right;">6'4".</font><br>
<b>Weight:</b> <font style="float:right;">213 lbs.</font><br>
<b>Physique:</b> <font style="float:right;">Muscular.</font><br>
<b>Bloodtype:</b> <font style="float:right;">A.</font><br>
<b>Scent:</b> <font style="float:right;">Sandalwood.</font>
</div>
<div id="moreinfo">
<h1>Alter Ego</h1><h2>General.</h2>
 <b>Identity:</b> <font style="float:right;">Nephrite.</font><br>
 <b>Faction:</b> <font style="float:right;">Golden Kingdom.</font><br>
<B>Title:</B> <font style="float:right;">Shitennou.</font><br>
<b>Designation:</b> <font style="float:right;">General.</font><br>
<B>Allegiance:</B> <font style=float:right>Endymion.</font><br>
<b>Domain:</b> <font style="float:right;">Comfort & Intellect.</font><br>
<b>Element:</b> <font style="float:right;">Lightning.</font><br>
 <b>Title:</b> <font style="float:right;">General.</font><br>
<B>Species:</B> <font style=float:right>Humanoid.</font><br>
 <b>Forms:</b> <font style="float:right;">One.</font><br>
 <b>Primary Weapon:</b> <font style="float:right;">TBD.</font><br>
<B>Secondary Weapon:</B> <font style=float:right>TBD.</font><br>
 <b>Division:</b> <font style="float:right;">North America.</font><br>
<B>Opposite:</B> <font style=float:right>Sailor Jupiter.</font><br>
</div>
<div id="evenmoreinfo">
<div style="height: 155px; overflow: hidden;">
<a name="1"></a>
<div style="height: 155px; overflow-y: auto;">
<div style="margin: 0 auto; width: 29em;">
<h1>Out of Character</h1><h2>Typist Notes.</h2>
<B>00.</B> This profile was coded by <a href="//roleplay.chat/profile.php/user=Sailor+Chuu">Chuu</a> for Nephrite's exclusive use. Do not copy or reproduce any part of this code!
</div></div>

<a name="2"></a>
<div style="height: 155px; overflow-y: auto;">
<div style="margin: 0 auto; width: 29em;">
<h1>Headcanons</h1>

</div></div>

<a name="3"></a>
<div style="height: 155px; overflow-y: auto;">
<div style="margin: 0 auto; width: 29em;">
<h1>Personality</h1>

</div></div>

<a name="4"></a>
<div style="height: 155px; overflow-y: auto;">
<div style="margin: 0 auto; width: 29em;">
<h1>History</h1>

</div></div>

<a name="5"></a>
<div style="height: 155px; overflow-y: auto;">
<div style="margin: 0 auto; width: 29em;">
<h1>Connections</h1>

</div></div></div></div>

</div>
</div>