miso ju mp scroll

<style>
@font-face {
font-family:'Michroma';
src: url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);
}
@font-face {
font-family: sans serif;
src:
url(https://dl.dropbox.com/s/mazdne5y8c3twxw/Aaargh.zip?dl=0);

}

#scroll01 {
border: 1px solid #c4c4c4;
border-radius: 8px 8px 8px 8px;
background: radial-gradient(circle, rgba(219,219,220,1) 0%, rgba(255,255,255,1) 100%);
padding: 0.5em;
-webkit-filter: drop-shadow(0px 0px 1.5px #FFFFFF);
height: 11.5em;
overflow-y: scroll;
position: absolute;
left:9em;
bottom:0.5em;
z-index: 500;
width: 60%;
text-align:left;
font-size:0.75em;
}

mark {
font-family: 'Michroma';
font-size:1.25em;
background:#57565B;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

</style>
<div id="scroll01">
<mark><strong>Basic Info</strong></mark>
<br>
hiii im <strong>name</strong> or <i>name</i> age <u>pronouns</u> other info here
<br>
<br>
<span style="font-family: sans serif;"><strong>Likes</strong>
<br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<br>
<br>
<strong>Music</strong>
<br>
<i>group</i> person <i>group</i> person <i>group</i> person + text text text text text text text text text</span>
</div>