CAVANAGH

<style>

@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap');

body {background: url('https://i.imgur.com/ypeuOJH.png?1');}
::-webkit-scrollbar {display:none}

c {color: #0796EC;}
h1 {font-family: PT Sans Narrow; font-size: 15; text-transform: uppercase; font-style: italic; letter-spacing: 2px; text-align: right; color: #000; background: #EBD631; margin-top: 0px;}
b {font-style: italic; color: #EBD631;}
a {text-decoration: none; color: #0796EC; text-transform: uppercase;}
a:hover {color: #fff;}
a.coded {text-decoration: none; color: #000;}
a.coded:hover {color: #0796EC;}

.container {position: fixed;
background: #000;
height: 420px;
width: 760px;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border: 15px solid #763FC5;
border-radius: 100px 0px;
box-shadow: 0px 0px 20px #000;
}

.image {position: absolute;
background: url('https://i.imgur.com/3JWi0Xt.jpg') no-repeat;
background-size: 350px;
background-position: 0px -40px;
height: 420px;
width: 340px;
left: 0px;
bottom: 0px;
border-radius: 100px 0px 0px 0px;
}

.image2 {position: absolute;
background: url('https://i.imgur.com/NZBBJha.gif') no-repeat;
background-size: 280px;
background-position: -40px -20px;
height: 120px;
width: 210px;
left: 510px;
bottom: 55px;
transform: rotate(5deg);
border: 10px solid #EBD631;
}

.name {position: absolute;
font-family: All Rights Reserved;
font-size: 115px;
color: #763FC5;
line-height: 75px;
height: 1px;
left: 320px;
bottom: 150px;
}

.box {position: absolute;
background: url('https://i.imgur.com/EusCVIa.gif') no-repeat;
background-size: 500px;
background-position: -57px 0px;
height: 215px;
width: 400px;
left: 340px;
top: 20px;
opacity: .5;
}

.text1 {position: absolute;
overflow: auto;
padding: 15px;
font-family: PT Sans Narrow;
font-size: 11px;
color: #fff;
text-align: justify;
line-height: 15px;
letter-spacing: 1px;
height: 145px;
width: 120px;
right: -155px;
top: 40px;
border-right: 1px solid #EBD631;
}

.text2 {position: absolute;
overflow: auto;
padding: 15px;
font-family: PT Sans Narrow;
font-size: 11px;
color: #fff;
text-align: justify;
line-height: 15px;
letter-spacing: 1px;
height: 145px;
width: 200px;
right: -385px;
top: 40px;
}

.coder {position: absolute;
font-family: PT Sans Narrow;
font-size: 10px;
color: #000;
background: #EBD631;
padding: 2px;
font-weight: bold;
font-style: italic;
letter-spacing: 2px;
left: 350px;
bottom: -45px;
}

</style>

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

<div class="container">
<div class="image">

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

<div class="text1">
<h1>STATISTICS</h1>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
<font style="float:left"><b>stat</b></font> <font style="float:right">Answer</font><br>
</div>

<div class="text2">
<h1>header here</h1>
This is the box where you'd put other information pertaining to your character. These boxes both scroll, so feel free to add as little or as much information as you want.
<br><br>
This is <b>Bold</b>, <i>Italics</i>, and a <a>Link</a>.
<br><br>
<h1>another header</h1>
Use the headers to split stuff up.
</div>

<div class="image2"></div>
<div class="name"><c>s</c>ea<c>n</c><br>c<c>a</c>va<c>n</c>a<c>g</c>h</div>

<div class="coder"><a class="coded" href="https://roleplay.chat/profile.php?user=words">WORDS</a></div>