hgag

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Pacifico|Lobster|Dancing+Script|Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Homemade+Apple&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jacques+Francois+Shadow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
::-webkit-scrollbar-thumb {
 background-color: transparent;}

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

body {
background-color:#516b69;
background-image:url(https://i.imgur.com/1aFlGGc.png);
}

.bottomright {
position:fixed;
bottom:0vw;
left:0vw;
height:50vw;
width:34vw;
background-image:url(https://i.imgur.com/XxXcIEy.png);
background-size:cover;
transition-duration: 1s;
}



.box {
position: fixed;
background-image:url(https://i.imgur.com/SYo9tLp.png);
background-size:cover;
font-family: 'Bebas Neue', cursive;
font-size: 1vw;
color: #FFF;
overflow: auto;
padding:2vw;
width:20vw;
height:26vw;
bottom:10vw;
left:50vw;
border:0.1vw solid #f66d59;
 }

.box2 {
position: fixed;
background-image:url(https://i.imgur.com/SYo9tLp.png);
background-size:cover;
font-family: 'Bebas Neue', cursive;
font-size: 1vw;
color: #FFF;
overflow: auto;
padding:2vw;
width:20vw;
height:26vw;
bottom:10vw;
left:74vw;
border:0.1vw solid #f66d59;
 }

.title1 {
position:fixed;
font-family: 'Homemade Apple', cursive;
font-size:2vw;
color:#f66d59;
left:42vw;
font-weight:900;
text-shadow: 0.2vw 0.2vw #000;
bottom:39.8vw;
}

.title2 {
position:fixed;
font-family: 'Homemade Apple', cursive;
font-size:3vw;
color:#f66d59;
font-weight:900;
text-shadow: 0.2vw 0.2vw #000;
bottom:19.2vw;
left:45vw;
}

h1 {
font-size:2vw;
color:#f66d59;
font-family: 'Bungee Shade', cursive;
text-shadow: 0 0.2vw 0.2vw #000;
text-align:center;
margin: 0;
padding: 0;
}

h2 {
font-size:1.5vw;
color:#f66d59;
text-shadow: 0 0.2vw 0.2vw #000;
text-align:center;
margin: 1vw;
padding: 0;
}

a{
transition: 0.25s;
}
a:link, a:visited {
color: #f66d59;
text-decoration:none;
}
a:hover{
transition: 0.25s;
color: #f66d59;
text-shadow: 1px 1px 1px #000;
}

</style>
<div class="title1"></div>
<div class="title2">
</div>
<div class="bottomright"></div>

<div class="box">
<h1>Statistics</h1>
<br>
<font style=float:left><b>Name</b>:</font><font style=float:right><i>Onaga</i></font><br>
<font style=float:left><b>Gender</b>:</font><font style=float:right><i>Female</i></font><br>
<font style=float:left><b>Height</b>:</font><font style=float:right><i>5'8" </i></font><br>
<font style=float:left><b>Orientation</b>:</font><font style=float:right><i>Bi</i></font><br>
<font style=float:left><b>Marital</b>:</font><font style=float:right><i>Single</i></font><br>
<font style=float:left><b>Species</b>:</font><font style=float:right><i>Human</i></font><br>
<br>
<h1>Out of Character</h1><br>
<li>IC approaches loved</li>
<li>Start however you like</li>
<li>I usually always respond and I try to never poof</li>
<li>If I have to leave, I will try and tell you 100%</li>
<li>DM Friendly</li>
<li>No limits besides Scat and Vore</li>



</div>


<div class="box2">

<h1>Personality</h1><br>
WIP. I want to develop this over time instead of just smashing it together BUT it will be updated!



</div>