catfish

<style>
@import url('https://fonts.googleapis.com/css?family=Cagliostro|Meddon&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: 5vw;
}

#image img{
height:100vh;
}

#box1, #box2{
position: fixed;
padding: 1%;
height: 25vh;
width: 30vw;
font-family: 'Cagliostro';
font-size: 2vh;
transition: 1s;
overflow: auto;
}

#box1{
background: #E7C8DA;
left: 14vw;
bottom: 30vh;
color: #E7C8DA;
opacity: 0.4;
}

#box2{
background: #bafed9;
left: 4vw;
top: 25vh;
color: #bafed9;
opacity: 0.4;
}

body:hover #box1{
transition: 1s;
opacity: 1;
color: #3DAE82;
bottom: 15vh;
left: 10vw;
}

body:hover #box2{
transition: 1s;
opacity: 1;
color: #D895B4;
top: 15vh;
left: 10vw;
}

#title{
position: fixed;
z-index: 5;
padding: 1%;
text-align: center;
left: 10vw;
top: 44vh;
height: 12vh;
width: 30vw;
font-family: 'Meddon';
font-size: 7vh;
color: #2D1235;
opacity: 0;
transition: 1s;
}

body:hover #title{
opacity: 1;
transition: 1s;
}

a{
color: #bafed9;
transition: 1s;
}
a:hover{
color: #fff;
transition: 1s;
}

body:hover a{
color: #D895B4;
}

</style>

<a target="_blank" href="https://ibb.co/album/VW70SK"><div id="image"><img src="https://i.ibb.co/D7qTtnv/image.png"></div></a>

<div id="box1">As adorable as Jia is, I do not claim any ownership of her or her art. All credits for that go to her artist, VonGulli.<br>
<br>
Jia is amphibeous. She can stay out of water for extended periods of time, but prefers to her time in water.<br>
<br>
This layout is mine. Please don't steal.</div>

<div id="title">The Catfish</div>

<div id="box2">
<center>
Her name is Jia<br>
She's a little above average for height, about 5'5"<br>
She's a female<br><br>
She doesn't really know what she is, so she just calls herself a catfish. Cat, because of her whiskers and her love for fish, and fish because...well. Y'know.<br>
<br>
She doesn't really like <a target="_blank" href="https://i.ibb.co/LRLWCFH/image.png">wearing</a> <a target="_blank" href="https://i.ibb.co/qyTg7fj/image.png">clothes.</a></div>