Jane

<style>
@import url('https://www.themonster.xyz/styles/fancy-fonts.css');
::-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: #ccb8b9;
}


#image{
position: fixed;
border: .5vh #ad5f63 solid;
box-shadow: 0 0 2vh #000;
bottom: 5vh;
right: 36.5vw;
transition: 0.5s;
}

#image img{
height: 90vh;
}


body:hover #image{
right: 15vw;
transition: 1s;
}


#box{
position: fixed;
padding: 1%;
transition: 0.5s;
background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://i.imgur.com/iKEwhnh.jpg);
background-size: cover;
background-position: center;
box-shadow: 0 0 2vh #000;
text-align: center;
bottom: 13vh;
left: 10vw;
height: 70vh;
width: 30vw;
opacity: 0;
font-size: 2.5vh;
color: #fff;
font-family: 'Gotham';
}

body:hover #box{
transition: 1s;
transition-delay: .5s;
opacity: 1;
}

h1{
font-family: 'Graceland';
font-size: 5vh;
}

</style>
<div id="image">
<img src="https://i.imgur.com/DQcBkfe.jpg">
</div>


<div id="box">
<h1>Jane Wu</h1>
Chinese-American<br>
Nineteen<br>
Five foot two<br>
<u>Gay</u>mer.<br>
Tries to give kindness where kindness is due.<br>
Music nerd.<br>
<br><br><br><br>
<br><br><br><br>
More to come later.
</div>