Daxie

<style>
@import url('https://fonts.googleapis.com/css?family=Arizonia|Calligraffitti|Eagle+Lake|Redressed&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;}


body{
background: #BE9C86;
}

#image{
position: fixed;
z-index: 5;
bottom: 5vh;
left: 15vw;
}

#image img{
height: 90vh;
}

#box{
position: fixed;
border: 2px #fff solid;
background: #3A0C17;
z-index: 3;
height: 70vh;
width: 55vw;
bottom: 11.5vh;
left: 22.5vw;
}

#info{
position: fixed;
z-index: 4;
height: 55vh;
bottom: 16.5vh;
width: 30vw;
left: 45vw;
font-family: 'Redressed';
font-size: 2.25vh;
color: #e8d697;
text-shadow: 0vh 1vh 2vh #000;
overflow: auto;
}

h1{
font-family: 'Eagle Lake';
font-size: 4.5vh;
font-weight: lighter;
}

hr{
background: #e8d697;
height: .5px;
}

.r{float: right;}

a{
color: #e8d697;
transition: 0.4s;
}

a:hover{
color: #fff;
transition: 0.4s;
text-shadow: 0 0 1vh #e8d697;
}

#title{
position: fixed;
text-align: center;
z-index: 5;
height: 20vh;
width: 30vw;
left: 45vw;
top: 10vh;
}

t{
 font-family:'Arizonia';
 font-size: 22vh;
 background: linear-gradient(-45deg, #F47E62, #e8d697, #F47E62);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 filter: drop-shadow(0.25vh 0.25vh .5vh #000);
 }

</style>

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

<div id="title"><t>Daxie</t></div></div>
<div id="box"></div>

<div id="info">
<center><h1>Header One</h1></center>
<hr>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
Name<div class="r">Stat</div><br>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum sagittis vitae et leo duis. Vel turpis nunc eget lorem dolor. Ac turpis egestas integer eget aliquet nibh praesent tristique magna. Montes nascetur ridiculus mus mauris vitae. Ac turpis egestas sed tempus urna et pharetra. Erat velit scelerisque in dictum non consectetur a. Sollicitudin nibh sit amet commodo nulla facilisi nullam. Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Potenti nullam ac tortor vitae purus faucibus. Adipiscing bibendum est ultricies integer quis auctor elit sed. Ipsum dolor sit amet consectetur adipiscing. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl. Amet massa vitae tortor condimentum lacinia quis vel. Odio eu feugiat pretium nibh ipsum. Bibendum neque egestas congue quisque. Diam vulputate ut pharetra sit amet aliquam id diam. Risus commodo viverra maecenas accumsan. Aliquet risus feugiat in ante metus.</p>

<p>Vitae tempus quam pellentesque nec nam aliquam. Magna fermentum iaculis eu non diam phasellus. Lacus sed viverra tellus in hac habitasse platea. Sit amet mauris commodo quis imperdiet massa tincidunt nunc pulvinar. Ut eu sem integer vitae justo eget magna. Ut diam quam nulla porttitor massa id. Vulputate ut pharetra sit amet aliquam. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper. Ornare suspendisse sed nisi lacus sed viverra. In arcu cursus euismod quis viverra nibh cras. Dictumst vestibulum rhoncus est pellentesque. Facilisi cras fermentum odio eu feugiat. Euismod in pellentesque massa placerat duis ultricies. Sodales ut eu sem integer vitae justo eget. Faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. Odio eu feugiat pretium nibh. Commodo ullamcorper a lacus vestibulum sed arcu. Vulputate ut pharetra sit amet aliquam id diam maecenas. Ut consequat semper viverra nam.</p>

<p>Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit. Auctor eu augue ut lectus arcu. Porttitor eget dolor morbi non arcu risus quis varius. Cursus eget nunc scelerisque viverra mauris in aliquam sem fringilla. Sed arcu non odio euismod lacinia at quis. Elementum curabitur vitae nunc sed. Feugiat pretium nibh ipsum consequat nisl. Tristique magna sit amet purus gravida. Donec ac odio tempor orci. Ultrices vitae auctor eu augue ut. Ipsum dolor sit amet consectetur adipiscing elit duis tristique. Faucibus vitae aliquet nec ullamcorper sit amet risus. Pharetra massa massa ultricies mi. In nibh mauris cursus mattis molestie a iaculis. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna.</p>

<p>Ut consequat semper viverra nam libero. Integer enim neque volutpat ac tincidunt vitae semper quis. Ut etiam sit amet nisl purus in mollis. Donec enim diam vulputate ut pharetra. Est lorem ipsum dolor sit amet consectetur. Sagittis purus sit amet volutpat consequat mauris. Non arcu risus quis varius quam quisque. Pretium lectus quam id leo in vitae turpis massa. Consectetur libero id faucibus nisl tincidunt eget nullam. Rhoncus aenean vel elit scelerisque mauris. Aliquam ultrices sagittis orci a scelerisque purus. Nunc scelerisque viverra mauris in. Odio euismod lacinia at quis. Etiam tempor orci eu lobortis. Purus sit amet volutpat consequat mauris nunc. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.</p>

<p>Dignissim enim sit amet venenatis urna cursus eget nunc. At imperdiet dui accumsan sit amet. Diam ut venenatis tellus in metus. Elementum curabitur vitae nunc sed velit. Netus et malesuada fames ac turpis. Vel eros donec ac odio tempor orci dapibus. Mauris commodo quis imperdiet massa tincidunt. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Metus aliquam eleifend mi in nulla. Accumsan sit amet nulla facilisi morbi tempus iaculis urna. Gravida in fermentum et sollicitudin ac orci phasellus. Ultricies integer quis auctor elit sed vulputate. Nulla pellentesque dignissim enim sit amet venenatis urna. Pretium fusce id velit ut tortor pretium viverra suspendisse. Ullamcorper morbi tincidunt ornare massa. Nisi est sit amet facilisis magna etiam. Blandit turpis cursus in hac habitasse platea dictumst quisque. Nisl vel pretium lectus quam id leo. Platea dictumst quisque sagittis purus sit amet volutpat consequat mauris.</p>
<hr>
<center>Out of Character</center>
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>Profile was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=From+Shadows+Codes">From Shadows</a> for Daxie's use. Please do not steal or appropriate.</li>

</div>