ｓｔｒｅｎｇｔｈ

<style>
  @import url('https://fonts.googleapis.com/css?family=Permanent+Marker|Kaushan+Script|Montserrat|Oswald');

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

::selection {
 color: black;
 background: black;
}

body {
 background-color: black;
}

b {
 color: #00aaff;
}

h1 {
 font-family: 'Oswald';
 font-size: 25px;
 margin-top: 10px;
 line-height: 30px;
 color: #fff;
 width: 100%;
 border-bottom: 1px solid;
 border-color: #fff;
 border-image-slice: 1;
}

.picture {
 position: absolute;
 bottom: 100px;
 left: 100px;
 height: 500px;
 width: 150px;
 background-image: url('https://i.imgur.com/a7yiEvq.png');
 background-position: -930px 0px;
 background-attachment: absolute;
 background-size: 410px;
 outline: 1px solid white;
 outline-offset: 7px;
 z-index: 0;
}

.pictureoverlay {
 position: absolute;
 bottom: 105px;
 left: 105px;
 height: 490px;
 width: 140px;
 background-color: #111;
 opacity: 0.5;
 z-index: 1;
}

.box {
 position: absolute;
 bottom: 100px;
 left: 300px;
 height: 300px;
 width: 200px;
 background-color: #000;
 background-image: url("https://www.transparenttextures.com/patterns/xv.png");
 outline: 1px solid white;
 outline-offset: 7px;
}

.boxoverlay {
 overflow: auto;
 position: absolute;
 bottom: 105px;
 left: 305px;
 height: 270px;
 width: 170px;
 color: #fff;
 font-family: 'Montserrat';
 font-size: 13px;
 background-color: #333;
 opacity: 0.5;
 z-index: 1;
 padding: 10px;
}


.box2 {
 position: absolute;
 bottom: 100px;
 left: 550px;
 height: 300px;
 width: 200px;
 background-image: url("https://www.transparenttextures.com/patterns/xv.png");
 background-color: #000;
 outline: 1px solid white;
 outline-offset: 7px;
}

.box2overlay {
 position: absolute;
 bottom: 105px;
 left: 555px;
 height: 270px;
 width: 170px;
 font-family: 'Montserrat';
 font-size: 13px;
 color: #fff;
 background-color: #333;
 opacity: 0.5;
 padding: 10px;
 z-index: 1;
}

.title {
 position: absolute;
 letter-spacing:0;
 left: 285px;
 bottom: 408px;
 width: 479px !important;
 font-family: 'Kaushan Script';
 font-size: 65px;
 background: linear-gradient(#515766, #000);
 -webkit-text-fill-color: transparent;
 -webkit-background-clip: text;
 z-index: 1;
}

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

</style>

</style>

<div class="title">Blake of the Blade</div>

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

<div class="box"></div>
<div class="boxoverlay">

 <h1>RAP SHEET.</h1>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>
 <b>STAT</b><font style="float:right">HERE</font><br>

 <h1>TITLE.</h1>
 Put whatever you want in here, yo.

</div>

<div class="box2"></div>
<div class="box2overlay">

<h1>O.O.C.</h1>
<b>001.</b> ooc here.<br>
<b>002.</b> ooc here.<br>
<b>003.</b> ooc here.<br>
<b>004.</b> ooc here.<br>
<b>005.</b> ooc here.<br>
<b>007.</b> ooc here.<br>

</div>

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