Weiss.

<style>
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond|Dancing+Script|EB+Garamond|Great+Vibes|Parisienne&display=swap');
::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}


#image{
position: fixed;
top: 0vh;
right: 10vw;
}

#image img{
height: 100vh;
}

#border1, #border2, #info{
position: fixed;
padding: 1%;
z-index: 1;
top: 30vh;
left: 15vw;
width: 35vw;
height: 30vh;
}

#border1{transform:rotate(5deg);border: 2px #CDD9E5 solid;}
#border2{transform:rotate(-5deg);border: 2px #CDD9E5 solid;}

#info{
height: 27.5vh;
text-align: center;
font-family: 'Cormorant Garamond';
font-size: 1.75vh;
color: #506697;
text-shadow: 0 0 1vh #000;
}

h1{
font-family: 'Great Vibes';
font-size: 3.75vh;
font-weight: lighter;
}

hr{
background: #506697;
width: 80%;
}


#nav1, #nav2, #nav3, #nav4{
position: fixed;
filter: drop-shadow(0 0 1vh #525252);
transition: 0.65s;
}

#nav1, #nav2{left: 12vw;}
#nav2, #nav4{bottom: 25vh;}
#nav3, #nav4{left: 52vw;}
#nav1, #nav3{top: 21vh;}

#nav1 img{height:7vh;}
#nav1:hover{transform:rotate(360deg);}
#nav2 img{height:7vh;}
#nav2:hover{transform:rotate(360deg);}
#nav3 img{height:7vh;}
#nav3:hover{transform:rotate(360deg);}
#nav4 img{height:7vh;}
#nav4:hover{transform:rotate(360deg);}


</style>

<a target="_blank" href="https://imgur.com/a/OaJQmCt"><div id="image"><img src="https://i.imgur.com/CFQlrnM.png"></div></a>

<div id="border1"></div>
<div id="border2"></div>

<a href="#one"><div id="nav1"><img src="https://i.imgur.com/d2NBe9v.png"></div></a>
<a href="#two"><div id="nav2"><img src="https://i.imgur.com/d2NBe9v.png"></div></a>
<a href="#three"><div id="nav3"><img src="https://i.imgur.com/d2NBe9v.png"></div></a>
<a href="#four"><div id="nav4"><img src="https://i.imgur.com/d2NBe9v.png"></div></a>

<div id="info"><br>

<div style="height: 100%; overflow-y: hidden;">
<a name="one"></a>
<div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>I am Weiss Schnee.</h1>
<p>
I am the daughter of Jacques Schnee, the chairman of the Schnee Dust Company, and Willow Schnee, the daughter of the founder of the Schnee Dust Company. I grew up in the Schnee Manor, receiving education and combat training from private instructors hired specifically for the Schnee Family. My childhood was...difficult, dealing with a father who came home from each work day in a foul mood, hearing about the disappearances of family and friends to the company due to White Fang extremists. I used to think all Faunus were as savage or hateful, but I discovered how wrong I was for my prejudice during my time at Beacon Academy, with my teammates Ruby Rose, Blake Belladonna, and Yang Xiao Long.</p>
<p>I attended Beacon Academy against my father's wishes, as he had intended for me to go to Atlas Academy, to stay in the city. But to distance myself from a father who was abusive and toxic, to say the least, I chose to enroll in the Academy that was farthest from home. I hadn't intended to meet anyone I'd become friends with, but the fates decided to give me a better team than I could have ever asked for.</p>
<p>Graduation came around quicker than I had ever expected, but I learned more in the classroom and on the field than I could ever have in the secluded halls of the Schnee Manor. I became a certified huntress and, upon my return home, I had obtained the confidence to finally face my father. I told him my plans to leave the manor, and to abandon the Schnee Dust Company, also abandoning my place as the heiress to the company's chair. There was minor resistance, but I gathered my belongings and moved to an apartment in Atlas, distancing myself from my family so I could start anew.</p>
<p>Now, I am a fully-fledged Huntress. I defend the people from the creatures of Grimm, and in the days I am not fighting for the lives of the innocent, I teach the people how to fight for themselves. I instruct my students in fencing, and how to use a rapier to fight. Though, from time to time, I'll find myself visiting this strange establishment, containing more than just a few different areas in which I've met many different people from many different places. I wonder who I'll meet next...?
 </div>


 <a name="two"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>Stats</h1>
 Name: Weiss Schnee<br>
 Age: Twenty-four years old.<br>
 Gender: Female<strike>-ish</strike><br>
 Race: Human<br>
 Height: 5'5"<br>
 Occupation: Huntress, Fencing Instructor<br>
 Orientation: Gynesexual<br>
 Marital: Singular.<br>
 Status: Just living.<br>




 </div>

 <a name="three"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>Notes and Headcanons</h1>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 <li></li>
 </div>

<a name="four"></a>
 <div style="width:100%; height: 100%; overflow: auto; " align="center">
 <h1>OOC</h1>
 <li>Don't be a dick.</li>
 <li>Layout is mine. Don't steal it.</li>
 <li>This is an <b><u>AU Weiss.</u></b> She's not canon.</li>
 <li>In-Room Approach preferred.</li>
 </div>


</div>