New Horror Aliza code

<style>
@import url('https://fonts.googleapis.com/css?family=Abhaya+Libre|Seaweed+Script|Ceviche+One|Alex+Brush|Audiowide');

body {
background-attachment: fixed;
background-position: top;
color:#e600e6;
background-color: #000;
background-image: url("");
background-repeat:no-repeat;
Background-size: ;
font-family: "Abhaya Libre";
font-size: 16px;
}

#credit {
Position: fixed; bottom: 10px; left: 10px;
font-family: "Audiowide";
font-size: 14px;
text-shadow: 2px 0 0 #4C9DCC, -2px 0 0 #4C9DCC, 0 2px 0 #4C9DCC, 0 -2px 0 #4C9DCC, 1px 1px #4C9DCC, -1px -1px 0 #4C9DCC, 1px -1px 0 #4C9DCC, -1px 1px 0 #4C9DCC;
z-index: 99;
}

#Render{
position: fixed; left: 0px; right: -640px; top: 0px; bottom: -50px; margin: auto;
height: 530px;
z-index: 98;
}

#TitleOne{
position: fixed; left: 0px; right: 0px; top: -470px; bottom: 0px; margin: auto;
font-size: 55px;
height: 55px;
width: 1000px;
line-height: normal;
font-family: "Alex Brush";
z-index: 2;
}

#TitleTwo{
position: fixed; left: 0px; right: 0px; top: -390px; bottom: 0px; margin: auto;
font-size: 40px;
height: 40px;
width: 1000px;
line-height: normal;
font-family: "Ceviche One";
z-index: 2;
}

#StatsHeader {
position: fixed; left: -350px; right: 0px; top: -280px; bottom: 0px; margin: auto;
height: 35px;
width: 250px;
padding: 10px;
text-align: center;
z-index: 2;
overflow: hidden;
}

#StatsBox {
position: fixed; left: -350px; right: 0px; top: -175px; bottom: 0px; margin: auto;
height: 65px;
width: 500px;
text-align: center;
z-index: 2;
overflow: auto;
}

#tab {
z-index:2;
opacity: 0;
}

#Personality #tab {
opacity: 1;
}

#Personality:target #tab, #Abilities:target #tab, #History:target #tab, #Associates:target #tab, #OOC:target #tab {
opacity: 1;
z-index: 90;
}

#header {
position: fixed; left: -350px; right: 0px; top: 0px; bottom: -75px; margin: auto;
height: 50px;
width: 500px;
background-color: #272652;
background-image: url("https://cdn.wallpapersafari.com/1/92/43HrB7.gif");
background-position: fixed;
z-index: 7;
overflow: hidden;
}

#box {
position: fixed; left: -350px; right: 0px; top: 0px; bottom: -310px; margin: auto;
height: 165px;
width: 575px;
padding: 10px;
background-color: #;
background-image: url("");
background-position: fixed;
overflow-y: auto;
z-index: 7;
}

#Navigation{
position: fixed; left: -350px; right: 0px; top: -40px; bottom: 0px; margin: auto;
width: 310px;
height: 30px;
padding: 10px;
z-index: 10;
text-align: center;
}

.NaviTab{
display: inline-block;
background-color: #ccbada;
width: 25px;
height: 25px;
z-index: 5;
margin: 0 8 0 8;
border: 3px solid #1b2534;
-webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
-ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.NaviTab:hover {
background-color: white;
}

#Frame {
position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;
height: 580px;
width: 1080px;
border: ;
z-index: 99;
pointer-events: none;
}

#BGBox {
position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;
height: 530px;
width: 1030px;
border: 7px solid ##cc00cc;
background-color: #000;
background-image: url("");
background-position: fixed;
z-index: 1;
}

.friendpic {
border: 5px solid #000;
width: 100px;
height: 100px;
margin: 7px;
padding: 0;
-webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;
}

.friendpic:hover {
border: 5px solid #A3B1C4;
}

h1, h2, h3 {
font-family: "Seaweed Script";
margin: 0px;
padding: 0px;
text-align: center;
}

h1:before,
h1:after {
    border-top: 3px solid #1b2534;
    border-bottom: 3px solid #1b2534;
    content: "";
    display: inline-block;
    height: .25em;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: .15em;
}

h1:before {
    right: 0.5em;
    margin-left: -50%;
}

h1:after {
    left: 0.5em;
    margin-right: -50%;
}

a:link {color: white; font-family: "Seaweed Script"; font-size: 16px;-webkit-transition: 0.5s linear;
 -moz-transition: 0.5s linear;
 -o-transition: 0.5s linear;
 transition: 0.5s linear;}
a:visited {color:white ;}
a:hover {color:#A3B1C4;}
a {text-decoration:none;}

b {color: white;}

a.credit:link {color:#f0f0f0; font-family: "Audiowide"; font-size: 16px;}
a.credit:visited {color:#f0f0f0;}
a.credit:hover {color:#6f52be;}
a.credit {text-decoration:none;}

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

::-webkit-scrollbar-track {
border-radius: 0px;
}

::-webkit-scrollbar-thumb {
background: transparent;
}
</style>
<body>

<img id="Render" src ="https://i.imgur.com/ce5y1ip.png"></div>

<div id="TitleOne">Despite being filled with fear</div>
<div id="TitleTwo">I am determined to live.</div>

<div id="StatsHeader">
<h1>Aliza</h1>
</div>
<div id="StatsBox">
<b>Age:</b> 18 ♦ <b>Orientation:</b> Pan ♦ <b>Status:</b> Info ♦ <b>Level:</b> 1 ♦ <b>HP:</b> 20
<br>
<b>Exp:</b> 0♦ <b><a href="https://www.youtube.com/watch?v=SnV3SxRqNTg">song</a></b> ♦<b>Items:</b> Twenty gold, candy, and bandages ♦ <b>Mental:</b> PTSD, insomina, depression (off/on), irrational and rational fear of almost everything, Stockholm symdyrom, anxiety. ♦
</div>

<div id="Personality">
<div id="tab">
<div id="header">
<h1>Gallery</h1>
</div>
<div id="box">
Wip
</div>
</div></div>

<div id="Abilities">
<div id="tab">
<div id="header">
<h1>Abilties</h1>
</div>
<div id="box">
<b>Load:</b> Unlike Frisks, when Aliza dies she is brought back to the moment where she felt herself die or felt the most fear.<br>
<b>Dodge:</b> Well, it isn't an ability but it's something that helps when she isn't paralyzed in fear.<br>
<b>Physical Abilities:</b> Aside from dodging and running away? Next to nothing, her state keeps her in a state of fraility.<br>
<b>Problem solver:</b> Puzzles, she's good at puzzles.<br>

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

<div id="History">
<div id="tab">
<div id="header">
<h1>History</h1>

</div>
<div id="box">
Horrortale takes place years after Frisk completed a neutral run that resulted in Asgore's death forcing Toriel back onto the throne. The barrier was never broken forcing the monsters to remain below ground. This wouldn't have been an issue if resources were not so limited and thanks to Toriel's talk of peace and mercy towards all humans who fell, they would remain without for years to come. It to the point where Undyne had to overthrow the queen and take the throne. Things started to from bad to worse, not only were resources low but the monsters soon started to die out. No food to keep their magic up meaning that their souls would soon start to wither and dust...and Grillby? His own flames begun to eat away at him, something HAD to change. Undyne outlawed all humans.
<br><br>
Any human found below the surface, or those who had lived to make it past Toriel, were sent to Undyne to be rationed out as food. It would have made more sense to collect their souls but finding another red one? That could take a very long time, the monsters all agreed and started on a look out for humans. Who knows how long it was since the law was passed but this is when Aliza here was pushed below ground to be eaten by the monsters. Already scared for her life, she came across Flowey who decided that he was going to help her out of the ruins when Toriel got her hands on the "child". This is when she experienced her first death and when it was descovered that her trait is Fear. Unlike Frisk who was determined and can SAVE/LOAD at damn near will or at save spots, Aliza can load upon death where it was felt the most or when she was at her most fearful and as Flowey explained it? There is just a small amount of Determination to pull it off.
<br><br>
Aliza made it passed the ruins without having to Toriel and under the promise to fix everything, find a way to break the barrier. It's...it's a tough promise to keep but it is made. Fresh into Snowdin and she comes across The Butcher himself, Sans. No whoopie cushion, no hand buzzer but a drill. He tricks her with a drill and ever since then? It's been down hill. He has torutred her, forced her to suffer, and killed her more times than she can count but never once tasted her flesh out right from his refusal to eat humans. She does manage to make it through Papyrus's puzzles after many attempts. Between the killer puzzle traps and the constant torment, Aliza has found herself developing issues. She's way more fearful than before among...other things, but there is that determination to stay alive even when there's a grinning Butcher watching...always watching.
</div>
</div></div>

<div id="Associates">
<div id="tab">
<div id="header">
<h1>Friends?</h1>
</div>
<div id="box">
<center>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
<a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE"></a>
</center>
</div>
</div></div>

<div id="OOC">
<div id="tab">
<div id="header">
<h1>Out of Character</h1>
</div>
<div id="box">
<b>01.</b> Starter, Pm/In room friendly. Usually IC use brackets to indicate OOC please.<br>
<b>02.</b> Yes, this is from Horrortale. Expect dark themes, if you trigger easy don't interact.<br>
<b>03.</b> Smut? No, it MUST be earned.<br>
<b>04.</b> IC will not mean OOC.<br>
<b>05.</b> Cross-overs welcomed and adored.
<br>
<b>06.</b> Responses may be slow depending on IRL or if my fingers will let me. On that note, they do get sore after typing alot so if I don't reply, please be patient. I will let you know when I need to leave.
<br>
<b>07.</b> No contact outside of RPC unless we get to know one another, I've had some issues with people before and I don't want to go down the same route again, thank you for understanding.
</div>
</div></div>

<div id="Frame"></div>
<div id="BGBox"></div>
<div id="Navigation">
<a href="#Personality"><div class="NaviTab"></div></a>
<a href="#Abilities"><div class="NaviTab"></div></a>
<a href="#History"><div class="NaviTab"></div></a>
<a href="#Associates"><div class="NaviTab"></div></a>
<a href="#OOC"><div class="NaviTab"></div></a>
</div>

<div id="credit"><a class="credit" href="https://roleplay.chat/profile.php?user=Spaceman+Codes">Spaceman</a></div>
</body>