no java ines

<style>
@import 'https://fonts.googleapis.com/css?family=Pacifico|Oswald:700';


body {
     background-image: url("https://i.imgur.com/1aSFAU3.png");
  background-repeat: repeat;
  background-size: 100% 100%;
  background-position: bottom right;
    width: 100%;
    height: 100%;
  margin: 0px;
  overflow: hidden;
}

#centerpic {
 position:fixed;
 width: 100%;
 height: 100%;
 left: 0%;
 bottom: 0%;

}
#centerpic img {
 width: 100%;
height: 100%}


#words1{
 position:absolute;
 font-family:'Pacifico', cursive;
font-style:italic;
 font-size: 60px;
 top: 30%;
 left: 12%;
 height: 100px;
 background: #transparent;
 background: url(https://i.imgur.com/eVINNG2.gif) -20px -20px repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);.
opacity: 0.70;
filter: alpha(opacity=70);
}

#words2{
 position:absolute;
font-family:'Pacifico', cursive;
font-style:italic;
 font-size: 70px;
 top: 40%;
 left: 12%;
 height: 120px;
 background: #transparent;
 background: url(https://i.imgur.com/eVINNG2.gif) -20px -20px repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
opacity: 0.70;
filter: alpha(opacity=70);
}
#words3{
 position:absolute;
font-family:'Pacifico', cursive;
 font-size: 65px;
 bottom: -5%;
 left: 4%;
 height: 120px;
 background: #transparent;
 background: url(https://i.imgur.com/voTvgCF.gif) -20px -20px repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
z-index: 1;
-ms-transform: rotate(12deg);
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
}

#words4{
 position:absolute;
font-family:'Pacifico', cursive;
font-style:italic;
 font-size: 60px;
 top: 20%;
 left: 12%;
 height: 100px;
 background: #transparent;
 background: url(https://i.imgur.com/U4JZEe7.gif) -20px -20px repeat;
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
opacity: 0.70;
filter: alpha(opacity=70);
}


h1{
font-family:'Pacifico', cursive;
font-style:italic;
color: #ffffff;
font-size:20px;
line-height:27px;
padding: 0px 3px 0px 0px;
border-bottom: 1px solid #ffffff;
}

 .right{
position:absolute;
top:-22px;
left:140px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: #ffe650;
}

 .spooky{
position:absolute;
top:30px;
left:60px;
width:330px;
height: 250px;
overflow:hidden;
z-index:20;
}

 .far{
width:330px;
height: 300px;
overflow:auto;
}

 .tell{
color:#dfeff1;
font-size:14px;
text-align:justify;
line-height:14px;
font-family:cambria;
letter-spacing:0.3px;
margin: 5px;
}
a.gone:link, a.gone:active, a.gone:visited{
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
line-height: 24px;
letter-spacing: -1px;
color: #f77481;
margin-right:12px;
z-index:10;
}

a.gone:hover{
text-shadow:-4px 0px 0px #ffe650;
}

b {
color: #50cfff;
font-weight:bold;
letter-spacing: 1px;
}

i{
color:#ffffff;
font-style:italic;
}

u{
font-style:italic;
text-decoration:noneunderline;
}

a:active, a:link, a:visited{
color:#fff;
text-decoration:none;
}
a:hover{
cursor:all-scroll;
color:#4e3f64;
text-decoration:line-through;
}



::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #D98878;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #D98878;border: 0px ;width: 15px;}


#sparkle{
width:700px;
height: 400px;
background:#17253d;
border-radius: 50px 100px 100px 50px;
z-index: 4;
opacity: 0.70;
filter: alpha(opacity=70);
}


 .brightly{
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;


}





.lovely {
position: absolute;
bottom: 0px;
right: 20%;
z-index: 6;

}

.lovely2 {
position: absolute;
bottom: -50px;
left: 10%;
z-index: 6;
opacity: 1.00;
filter: alpha(opacity=100);
}



.you{
position:absolute;
margin:auto;
top: -2%;
left: -2%;
width: 100px;
height: 100px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 97;
}

a.dream:link, a.dream:active, a.dream:visited{
display: block;
float: left;
width: 35px;
height: 35px;
margin: 1px;
background-color:#FFE3D8;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
}

a.dream:hover{
background-color:#FFFDCD;
box-shadow: 0px 0px 5px #999;
}

.floating3{
 float: bottom-left;
 -webkit-animation-name: Floatingx;
 -webkit-animation-duration: 2s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-name: Floating;
 -moz-animation-duration: 0.5s;
 -moz-animation-iteration-count: infinite;
 -moz-animation-timing-function: ease-in-out;
 margin-right: 0px;
 margin-bottom: 100px;
 z-index:343;

}

@-webkit-keyframes Floatingx{
 from {-webkit-transform:translate(0, 0px);}
 65% {-webkit-transform:translate(0, 15px);}
 to {-webkit-transform: translate(0, -0px); }
}

table {
 margin-top:-9px;
 width: 100%;
 margin-left:-2px;
 background-color: transparent;
 border-collapse: collapse;}

td {
 font-size: 11px;
 letter-spacing: 1px;
 height: 100px;
 overflow: auto;}

#rel img {
 margin:8px;
 border:5px solid #fff; /* relationships icon border color */
 width:50px;
 height:50px;
 padding:4px;
 -webkit-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;}

#rel:hover img {
 border:5px solid #529ecc; /* relationships icon border hover color */
 -webkit-transition:all 0.3s ease-out;
 -moz-transition:all 0.3s ease-out;
 transition:all 0.3s ease-out;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb:vertical {
height: 10px;background-color: #ffe763;}
::-webkit-scrollbar-thumb:horizontal {
height: 10px;background-color: #ffe763;border: 0px ;width: 12px;}

------
#crystals {
    position:fixed;
    top:0;
    left:0;
    width:480px;
    height:100%;
}
@-webkit-keyframes bg-crystal001 {	100%	{background-position: 0px 900px;}}
@-moz-keyframes bg-crystal001 {  	100%	{background-position: 0px 900px;}}
@-o-keyframes bg-crystal001 {		100%	{background-position: 0px 900px;}}
@keyframes bg-crystal001 {			100%	{background-position: 0px 900px;}}
#crystals .crystal_01 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/crystal_01.png)repeat-y;
	-webkit-animation: bg-crystal001 30s infinite;
	-moz-animation: bg-crystal001 30s infinite;
	-o-animation: bg-crystal001 30s infinite;
	animation: bg-crystal001 30s infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
@-webkit-keyframes bg-crystal002 {	100%	{background-position: 0px 900px;}}
@-moz-keyframes bg-crystal002 {  	100%	{background-position: 0px 900px;}}
@-o-keyframes bg-crystal002 {		100%	{background-position: 0px 900px;}}
@keyframes bg-crystal002 {			100%	{background-position: 0px 900px;}}
#crystals .crystal_02 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/crystal_02.png)repeat-y;
	-webkit-animation: bg-crystal002 60s infinite;
	-moz-animation: bg-crystal002 60s infinite;
	-o-animation: bg-crystal002 60s infinite;
	animation: bg-crystal002 60s infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
@-webkit-keyframes bg-crystal003 {	100%	{background-position: 0px -1200px;}}
@-moz-keyframes bg-crystal003 {  	100%	{background-position: 0px -1200px;}}
@-o-keyframes bg-crystal003 {		100%	{background-position: 0px -1200px;}}
@keyframes bg-crystal003 {			100%	{background-position: 0px -1200px;}}
#crystals .crystal_03 {
    position:absolute;
    width:100%;
    height:100%;
    left:50%;
    margin-left:-180px;
	background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/world/what/crystal_03.png)repeat-y;
	-webkit-animation: bg-crystal003 90s infinite;
	-moz-animation: bg-crystal003 90s infinite;
	-o-animation: bg-crystal003 90s infinite;
	animation: bg-crystal003 90s infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}

#worldCrystals {
    position:fixed;
    top:150px;
    left:0;
    width:100%;
    height:520px;
}
#worldCrystals .crystal_01 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/bg/world_cloud.png)no-repeat -500px 0px;
}
@-webkit-keyframes bg-crystal004 {	100%	{background-position: 1198px 0px;}}
@-moz-keyframes bg-crystal004 {  	100%	{background-position: 1198px 0px;}}
@-o-keyframes bg-crystal004 {		100%	{background-position: 1198px 0px;}}
@keyframes bg-crystal004 {			100%	{background-position: 1198px 0px;}}
#worldCrystals .crystal_02 {
    position:absolute;
    width:100%;
    height:100%;
    background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/bg/world_crystal_01.png)repeat-x;
	-webkit-animation: bg-crystal004 60s infinite;
	-moz-animation: bg-crystal004 60s infinite;
	-o-animation: bg-crystal004 60s infinite;
	animation: bg-crystal004 60s infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
@-webkit-keyframes bg-crystal005 {	100%	{background-position: 1086px 0px;}}
@-moz-keyframes bg-crystal005 {  	100%	{background-position: 1086px 0px;}}
@-o-keyframes bg-crystal005 {		100%	{background-position: 1086px 0px;}}
@keyframes bg-crystal005 {			100%	{background-position: 1086px 0px;}}
#worldCrystals .crystal_03 {
    position:absolute;
    width:100%;
    height:100%;
    left:50%;
    margin-left:-180px;
	background:url(http://img.finalfantasyxiv.com/lds/promo/pc/global/images/bg/world_crystal_02.png)repeat-x;
	-webkit-animation: bg-crystal005 90s infinite;
	-moz-animation: bg-crystal005 90s infinite;
	-o-animation: bg-crystal005 90s infinite;
	animation: bg-crystal005 90s infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}
</style>

<div id="container"></div>
<div id="worldCrystals">
<div class="crystal_01"></div>
<div class="crystal_02"></div>
<div class="crystal_03"></div>
</div>
<div id="crystals">
<div class="crystal_01"></div>
<div class="crystal_02"></div>
<div class="crystal_03"></div>
</div>

 <div class="lovely">
<img src="https://i.imgur.com/BuvNSJO.png" width="400px" class="floating3"></div>



<div id="sparkle" class="brightly">

<div class="you">
<a href="#we" class="dream"></a>
<a href="#have" class="dream"></a>
<a href="#noticed" class="dream"></a>
<a href="#youtoo" class="dream"></a>
</div>
<div class="spooky">
<div id="we" class="far"><div class="tell">

<h1>Stats</h1>

<font style="float:left"><b>➽Name</b></font>
<font style="float:right">Ines Anastas</font><br>
<font style="float:left"><b>➽Age</b></font>
<font style="float:right">22</font><br>
<font style="float:left"><b>➽Gender</b></font>
<font style="float:right">♀ Female</font><br>
<font style="float:left"><b>➽Nationality</b></font>
<font style="float:right">Greek</font><br>
<font style="float:left"><b>➽Race</b></font>
<font style="float:right">Human</font><br>
<font style="float:left"><b>➽Height + Weight</b></font>
<font style="float:right">5ft 6inches・130lbs</font><br>
<font style="float:left"><b>➽Hair + Eye </b></font>
<font style="float:right">Orange Red・Bright Blue</font><br>
<font style="float:left"><b>➽Occupation</b></font>
<font style="float:right">Treasure Hunter/Master</font><br>
<font style="float:left"><b>➽Alignment</b></font>
<font style="float:right">Chaotic Neutral</font><br>
<font style="float:left"><b>➽Sexual Orientation</b></font>
<font style="float:right">Bisexual</font><br>
<font style="float:left"><b>➽Martial Status</b></font>
<font style="float:right">Single</font><br>


<h1>About</h1><br>
<p>Ines is a thrill seeker. An adventurer. She's the type to get her hands dirty.... Literally. Bright eyed and driven to solve the mysteries of the world around her! She hunts for artifacts or treasures. Often for one of two reasons, something she was hired to do, or something she wants to do for herself. Normally it's either or. Often collecting them for different reasons. Infact Ines is the person they would bring it to get their hands on a catalyst to summon a servant! She travels the world collect different things for different reasons. </p>

<p>Her knowledge of history and mythos spans far, normally though it caries between cultures. Like Greco-Roman? Expert cause htis whereh her roots lie! Oriental? Well.. It'll take some reading. She'll remember what she picks up but it'll take some time. And normally for jobs she does do heavy research. </p>
<p>One could say she's greedy, or money driven, however Nessie while she does jobs that might seem odd... and her goals are money or personal gain, she won't accept any jobs or tasks that impede on her moral code. So she won't kill for artifacts for one. However, she may maim.... <p> Her prices are not cheap by any stretch of the imagination though. And there are times where if she feels morally the job is wrong she won't take it. She won't kill for an artifact or job, she won't hurt any one... Beyond recovery atleast. Which is very easy considering her Origin and abilities. </p>

<p>And she isn't above dooping some 'claud' out of their cash if they seem like a seedy lil bastard.</p>
<br><br>

<BR><br><br>

</div></div>
<div id="have" class="far"><div class="tell">
<h1>Mage Craft</h1><br>
<b>Magical Circuits:</b> 34 or something.<br>
<b>Origin:</b> Flow<br>
<b>Commander Seal:</b> WIP<br>
<b>Servant:</b> <a target="_blank" href="https://roleplay.chat/profile.php?user=Dragon%20Blooded%20Knight">Saber</a><br>
<Br>

Ines excels at the usage of Runes. Support, offensive, and defensive. Her specialty lies in support hower, this is mainly due to her origin. Flow, more specifically the Flow of life. While not to get literal, she is not able to control the flow of some one's life. But she is capable of healing, she excels in this actually, not relying on ruins to do so though. </p>

<p>Something she often does without worry is inscribing ruins of what looks like medicine. The substance itself is not something she could break down for you an explanation, but on each of them is a series of small runes. Some more specific than others. They are often used to aid the healing process if she is unable to be present and do so herself. Or for her own consumption. </p>

<p>Transpiring Fountain of Life</p>

<p>Ines' ultimate ability. A reality marble. Closing over a small area, this allows her and those inside the space, to experience time at a slower pace. Consider it something akin to the 'hyperbolic time chamber' concept. What feels like three hours inside of the reality marble would be only about a few moments outside of the space. She isn't able to hold the marble for extremely long. An hour at the most. Time passes quicker in the marble thus allowing rest and healing to occur faster. Ines' is limited though to how much healing she can perform though in regards to healing. The internal landscape in question is a physical representation of her origin of Flow. The flow of time, the flow of life. The flow of nature. Always moving not stopping..</p>

<br><br>
</div></div>
<div id="noticed" class="far"><div class="tell">
<h1>Friends</h1>
<div id="rel"><a href="/"><img src="https://i.imgur.com/KUMPAmP.png" /></a></div><div id="rel"><a href="/"><img src="https://i.imgur.com/KUMPAmP.png" /></a></div>
</div></div>




<div id="youtoo" class="far"><div class="tell">
<h1>Rules</h1>
♠ PM friendly 99.99% of the time.<br>
♠ No profile no roleplay.<Br>
♠ I would prefer to have on or two servants. <Br>
♠ Fate Oriented roleplays get priority.<br>
♠ This code is mine. My work. Do not touch it.<br>
♠ Art is not mine. And will be removed upon request of the artist. <br>
♠ I can be as sweet as sugar or the biggest bitch you'll ever meet.<Br>
♠ Smut can happen. It's reserved for partner and or servant.<br>
♠ I play MY character not one you give me.<br>
♠ I am not obligated to do anything for you. I will be polite up until you are rude to me.<br>
♠ My lengths range from Short post one lining shit posts to Novella~ Often I mirror what I get but don't expect to be mirrored.<Br>
♠ Start with a post if you really want. But I can't promise I'll be up for responding.<Br>
♠ IC =/= OOC.<Br><br><Br>
</div></div></div>

<div id="words3">
Ines Anastas
</div><div class="lovely2">
<a target="_blank" href="https://i.imgur.com/pMWZuYv.png" target="_blank" title="Pidge Phone hoooome."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="https://i.imgur.com/ZyjW2oL.png" target="_blank" title=" "><img src="https://i.imgur.com/jySgQCd.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="https://i.imgur.com/YcSyPTB.png" target="_blank" title=" ."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="https://i.imgur.com/xhf9F5j.png" target="_blank" title=" "><img src="https://i.imgur.com/jySgQCd.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="https://i.imgur.com/Teyf67w.png" target="_blank" title=""><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="https://i.imgur.com/plYwhl0.png" target="_blank" title=" ."><img src="https://i.imgur.com/jySgQCd.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
<a target="_blank" href="https://i.imgur.com/VsyEyF8.png" target="_blank" title="."><img src="https://i.imgur.com/6zqFVlW.png" class="circle" width="40" height="40" border="1px solid #000000" ></a>
</div>
</div>
</div>


<div style="position: fixed; bottom: 20px; left: 0px; background-color: transparent;">
<a target="_blank" href="https://roleplay.chat/profile.php?user=hakuno%20kishinami" target="_blank" title="Code was created by Blinky/Hakuno Kishinami. Do NOT touch. Please! If you want a copy or want it please ask. Mail them on Hakuno Kishinami."><img src="https://i.imgur.com/uP9E5Pz.png" height="10%"></a></div>