ｗｉｓｈｇｒａｎｔｅｒ

<style>

 @import url('https://fonts.googleapis.com/css?family=Dosis|Red+Hat+Display');

::selection {
 color: transparent;
 text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

::-webkit-scrollbar {
 display: none;
}

b{
 color: #E49C70;
 text-shadow: 0 0 7px #E49C70;
font-size: 16px;
}

i {
 color: #435591;
 text-shadow: 0px 0px 7px #435591;

}

a {
color: #333;
font-weight: bold;
text-decoration: none;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}

a:hover {
text-decoration: line-through;
text-shadow: 4px 0px 8px #000, 0px 4px 8px #000, -4px 0px 8px #000, 0px -4px 8px #000;
}


body {
background-color: #ffffff;
background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}

.h1 { position: relative; top: -15px; margin-bottom: -40px; }
.h1 span { color: #435591; text-decoration: none; font-style: none; font-size: 30px; text-align: center; display: block; font-family: "Cinzel";}
hr.style14 {
 border: 0;
 height: 1px;
 background-image: -webkit-linear-gradient(left, transparent, #435591, transparent);

}

.picture {
position: absolute;
bottom: 25;
right: 60px;
height: 600px;
width: 325px;
background-image: url('http://i.picpar.com/k3Je.jpg');
background-size: 390px;
background-position: -40px 0px;
border: 2px solid #333;
border-radius: 15px;
filter: drop-shadow(0px 0px 15px #333);
}

.title {
position: absolute;
bottom: 400px;
right: 430px;
width: 500px;
font-family: Cinzel;
font-size: 50px;
 background: linear-gradient(#515766, transparent);
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
text-align: center;
text-shadow: 0px 0px 10px #baf0ff;
}

.titleline {
position: absolute;
bottom: 395px;
right: 480px;
width: 400px;
height: 1px;
background-image: linear-gradient(to left, transparent, #333, transparent);
}

.box {
overflow: auto;
padding: 10px;
position: absolute;
bottom: 40px;
right: 710px;
width: 200px;
height: 300px;
border-radius: 15px;
border-right: 2px solid #333;
border-left: 2px solid #333;
color: black;
font-family: Cinzel;
}

.box2 {
overflow: auto;
padding: 10px;
position: absolute;
bottom: 40px;
right: 440px;
width: 200px;
height: 300px;
border-radius: 15px;
border-right: 2px solid #333;
border-left: 2px solid #333;
font-family: cinzel;
}

.credit {
 position:absolute;
 bottom:0px;
 left:5px;
 height:60px;
 width:60px;
 opacity: .7;
 background-image: url('https://i.imgur.com/67eVLlq.png');
 background-position: center;
 background-size: cover
}

</style>

<div class="detail"></div>

<div class="picture"></div>

<div class="title">WISHGRANTER</div>
<div class="titleline"></div>

<div class="box">
<p class="h1"><span>DOSSIER</span></p>
<hr class='style14'><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
Stat<font style="float:right"><i>Here</i></font><br>
<br>
<p class="h1"><span>history</span></p>
<hr class='style14'><br>

</div>
<div class="box2">
<p class="h1"><span>o.o.c</span></p>
<hr class='style14'><br>
<i>001.</i> black lives matter.<br>
<i>002.</i> acab.<br>
<i>003.</i> ooc here.<br>
<i>004.</i> ooc here.<br>
<i>005.</i> ooc here.<br>
<i>006.</i>
</div>

<a href="https://roleplay.chat/profile.php?user=wife"><div class="credit"></div></a>