The Unholy Construct

<html>
<body>
<style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Tangerine|Great+Vibes);

html, body {
background: #E8F2F1;
background-image:url("");
background-size:400px;
background-repeat:no-repeat;
background-position:center bottom;
}

::-webkit-scrollbar-button:vertical:{
background-color: #transparent;}

::-webkit-scrollbar-thumb:vertical {
background-color:#transparent;
height:150px;}

::-webkit-scrollbar-thumb:horizontal {
background-color:#transparent;
height:60px;}


::-webkit-scrollbar {
height:60px;
width:5px;
background-color:#transparent;}

#image {
width: 35vw;
margin: 0px;
border: none;
height: 45vw;
background-color:transparent;
position: absolute;
left: 0vw;
bottom: 0vw;
background-image:url("http://danbooru.donmai.us/data/__yorha_type_a_no_2_nier_series_and_nier_automata_drawn_by_sami_3a3i3a3i__ce3af8d278bc926af343a9d227d46179.jpg");
background-repeat:no-repeat;
background-position: bottom;
background-size: 100%;
}

h1 {
 font-family: 'Great Vibes', cursive;
 font-size: 30px;
 line-height: 22px;
 color:#000000;
 text-align: center;
 letter-spacing:1px;
 word-spacing: 2px;
 text-decoration:none!important;
}

h2 {
 font-family: 'Tangerine', cursive;
 font-size: 20px;
 line-height: 22px;
 color:#000000;
 text-align: center;
 letter-spacing:1px;
 word-spacing: 2px;
 text-decoration:none!important;
}

h3 {
 font-family: 'Tangerine', cursive;
 font-size: 15px;
 line-height: 22px;
 color:#000000;
 text-align: center;
 letter-spacing:1px;
 word-spacing: 2px;
 text-decoration:none!important;
}

.placement {
 position: fixed;
 overflow: auto;
 background-color: transparent;
 top: 15vw;
 right: 2vw;
 width: 18vw;
 height: 12vw;
 z-index: 1;
}

a {
 color: #000000; /*link color*/
 text-decoration: none;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

a:hover {
 color: #830303; /*hover link color*/
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}

</style>

<div class="placement"><h1>Title Here!</h1>
<h2>Name | Gender | Alias/Hero Name | Occupation<br><br>
<a target="_blank" href="Doc Link Here">Quirk</a></h2>
<h3><a target="_blank" href="https://roleplay.chat/profile.php?user=Caelum">Inspired By</a></h3>
</div>

<div id="image"></div>

</body>
</html>

</body>
</html>