REGRET v.2

<style>

body {background: #000;}
::-webkit-scrollbar {display:none}

b {color: #686B74;}
i {color: #686B74;}
a {text-decoration: none; color: #682D3F;}
a:hover {color: #686B74;}

.image {position: fixed;
background: url('https://i.imgur.com/GoxxIG9.jpg') no-repeat;
background-size: 750px;
background-position: -100px -140px;
height: 500px;
width: 500px;
right: 0px;
bottom: 0px;
}

.title {position: absolute;
font-family: Depressionist;
font-size: 60px;
background: -webkit-linear-gradient(#BFC3CE, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 5px;
left: -100px;
top: 240px;
}

.name {position: absolute;
font-family: times;
font-size: 16px;
color: #686B74;
letter-spacing: 3px;
left: -96px;
top: 305px;
}

.stats {position: absolute;
font-family: times;
font-size: 11px;
color: #686B74;
letter-spacing: 0px;
font-style: italic;
text-align: center;
width: 192px;
left: 0px;
top: 20px;
}

.text {position: absolute;
overflow: auto;
font-family: times;
font-size: 11px;
color: #464950;
letter-spacing: 0px;
line-height: 15px;
font-style: normal;
text-align: justify;
height: 100px;
width: 170px;
left: 10px;
top: 15px;
}

.ooc {position: absolute;
font-family: times;
font-size: 10px;
color: #686B74;
letter-spacing: 0px;
line-height: 20px;
font-style: italic;
text-align: center;
width: 192px;
left: 0px;
top: 120px;
border-top: 1px solid #30333A;
}

</style>

<link href="https://www.themonster.xyz/styles/fancy-fonts.css" rel="stylesheet">

<div class="image">
<div class="title">REGRET</div>
<div class="name">LEONARDO SHARPE
<div class="stats">Age. Male. Height. Occupation. <a href="link to kessie's profile here">Status</a>.

<div class="text">Hi there. This is where you'd put some information about your character. The box scrolls, so feel free to put in as little or as much information as you want.
<br><br>
This is <b>Bold</b>, <i>Italics</i>, and a <a>Link</a>.
</div>

<div class="ooc">short ooc here. | <a href="https://roleplay.chat/profile.php?user=words">coder</a>