JAZZIE

<style>

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

body {background: url('https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/dHnxL5V/lens-flare-sparkling-glowing-twinkle-star-lights-glow-background-4k_vv9ezqjtx__F0000.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-thumb {background-color: #F5E4B9;}

b {color: #689087;}
i {color: #689087;}
a {text-decoration: none; color: #C7726F;}
a:hover {color: #F5E4B9;}
a.coded {text-decoration: none; color: #689087;}
a.coded:hover {color: #F5E4B9;}

.box {position: fixed;
background: #0E0E0C;
height: 200px;
width: 450px;
margin: auto;
left: 0px;
right: 0px;
bottom: 50px;
border: 3px double #689087;

}

.image {position: absolute;
background: url('https://cdn.discordapp.com/attachments/583642798033600543/585629082457210891/jazzie.png') no-repeat;
background-size: 400px;
background-position: -70px 0px;
height: 500px;
width: 310px;
right: 0px;
bottom: 0px;
}

.name {position: absolute;
font-family: 'Fugaz One', cursive;
font-size: 45px;
color: #F5E4B9;
-webkit-text-stroke: 1.5px #689087;
left: 10px;
top: -35px;
}

.text {position: absolute;
font-family: Arial;
font-size: 12px;
color: #F5E4B9;
text-align: justify;
line-height: 16px;
height: 160px;
width: 130px;
left: 20px;
bottom: 20px;
}

.coder {position: absolute;
font-family: courier;
font-size: 10px;
color: #689087;
letter-spacing: 2px;
left: 200px;
bottom: -20px;
}

</style>

<div class="box">
<div class="image"></div>
<div class="name">JAZZIE</div>

<div class="text">
This is where the text will go. The box scrolls, so you can put as much or as little text as you wish.
<br><br>a
This is <b>Bold</b>, <i>Italics</i>, and a <a>Link.</a>
</div>

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