JINYOUNG [DONE]

<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Antic+Slab|Niconne|Lobster+Two|Crushed');
@font-face{font-family:'noware';src:url('https://static.tumblr.com/uopakca/PIrq6n13y/nowharehouse.ttf');}
@font-face { font-family: 'scorchedearth'; src: url('https://static.tumblr.com/ujahjev/Gxoplsunp/scorchedearthdemo-kcfonts.otf') format('truetype');}

body {
background-color: #eeeeee;
background-image: url(https://www.transparenttextures.com/patterns/subtle-dots.png);
background-position: center;
background-size: 2%;
background-repeat: repeat;
}

#ravenclaw {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}

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

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

::-webkit-scrollbar {
width:0px;
height:0px;
}

#imgcont {
position: absolute;
left: 23%;
top: 23%;
height: 155px;
width: 335px;
background-image: url('https://64.media.tumblr.com/7b849243c82946c5dd1c133c0448b6ba/a7aafe10caa288a4-29/s500x750/4af25674280506f38bfc1b64b056229fec6e2999.gif');
background-size: 100%;
background-repeat: no-repeat;
border: 4px solid #eee;
}

#img2 {
position: absolute;
z-index: 2;
bottom: -153px;
left: 20px;
height: 155px;
width: 355px;
background-image: url('https://64.media.tumblr.com/7342f559aed9803e6b3a2f5d694ecad1/334aff2f59c59420-6c/s540x810/94ad0075b74769fa94bbd72b52bf8eb89d323abe.gif');
background-size: 100%;
background-repeat: no-repeat;
border: 4px solid #eee;
}

.overlay {
opacity: 0;
overflow: auto;
}

#img2:hover .overlay {
position: absolute;
opacity: 2;
bottom: 3px;
left: 3px;
height: 149px;
width: 349px;
background: #9BA8A9;
font-family: 'Antic Slab';
color: #000;
font-size: 12px;
line-height: 15px;
overflow-y: auto;
}

#img3 {
position: absolute;
z-index: 1;
right: -345px;
top: 35px;
height: 155px;
width: 355px;
background-image: url('https://64.media.tumblr.com/5913d5e65a57e665a042be2f352a3b3d/334aff2f59c59420-63/s540x810/df13f94cd3ab30ec1cbefca03e2bde2e1f17abc9.gif');
background-size: 100%;
background-repeat: no-repeat;
border: 4px solid #eee;
}

#hover {
position: absolute;
z-index: 2;
bottom: -250px;
left: 148px;
height: 100px;
background: transparent;
width: 110px;
font-family: 'Crushed';
font-size: 20px;
line-height: 30px;
text-align: center;
color: #000;
text-shadow: 0px 0px 3px #fff;
}


</style>
<div id="ravenclaw" oncontextmenu="return false;">
<div id="imgcont">
<div id="img2"><div class="overlay">Temp code serving your most basic needs. Character goes by the name of <B>Jinyoung Clement-Baek</B>. He has a twin sister, and two (2) adopted siblings, the first from his other father, <B>Dean Clement-Baek</B>, and the second fostered. Nevertheless, Jinyoung considers them his flesh-and-blood just as he does his twin. Talk smack about his dads and <i>get smacked.</i> He is a <B>7th year Ravenclaw</B>, although he had been a hat-stall for <i>Gryffindor.</i> Hails from Goathland in Yorkshire County, England, where his fathers own a wand wood farm. His wand was especially made by his father, <B>Cheolwang Clement-Baek</B>, and given to him upon acceptance into Hogwarts. It is 14¼ in., comprised of <a target="_blank" href="https://cloverywands.tumblr.com/post/172431673129/wand-wood-series-number-one-hundred-monkey-puzzle" target="_blank">Monkey Puzzle Wood</a> with a <a target="_blank" href="https://cloverywands.tumblr.com/post/174786584275/wand-core-series-number-32-chimaera-hair" target="_blank">Chimaera Hair</a> core.<br> Jinyoung is a <B>natural</B> medium and has a knack for fire-based magic. <I>Playful, curious, introverted</i> - acceptable ways to describe him as a person. However, he will get loud in the face of injustice and is very opinionated on topics he is educated in. He does not fear confrontation or debate of any kind. All of his future plans involve traveling around the world, his wanderlust evident from an early age. Many comment that while he is not short on ambition, he lacks definitive direction in terms of career goals.</div></div>
<div id="img3"></div>
<div id="hover">HOVER</div>





</div>