scroll for rosie standard

<style>
@font-face {
font-family: emoji;
src: url(https://dl.dropbox.com/s/cvba4kh6qm23mru/EmojiFont.ttf);
}

@font-face {
font-family: Pixelated MS Sans Serif; src:url(ms_sans_serif.woff) format("woff"); src:url(ms_sans_serif.woff2) format("woff2");
}

@font-face {
font-family: 'icons';
src:url(https://cdn.glitch.me/9bbfdfb3-4bfa-4c39-8743-5621c8b9df21/IconBitTwo.ttf);
}

#scroll {
background: #FFFFFF;
font-family: Pixelated MS Sans Serif;
font-size: 1.05em;
height: 10em;
overflow-y: auto;
border: 2px inset;
border-radius: .625em;
z-index: 999;
padding: 5px;
text-align: left;
}

mark {
font-family: 'icons';
background: #ffffff00;
color: #F0AAD3;
}

mark2 {
font-family: 'emoji';
background: #ffffff00;
color: #F0AAD3;
}

mark3 {
font-family: Pixelated MS Sans Serif;
background: linear-gradient(to top, #F0AAD3 0%, #FFADE4 76%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 1.2em;
}

</style>

<div id="scroll">
<mark>Q</mark> <mark3><strong>ABOUT ME</strong></mark3>
<p></p>
info info info info info
<br></br>
<mark2>j</mark2> <mark3><strong>MY PRINT</strong></mark3>
<p></p>
info info info info info
<br></br>
<mark2>t</mark2> <mark3><strong>TO KNOW</strong></mark3>
<p></p>
info info info info info
<br></br>
<mark2>l</mark2> <mark3><strong>DONT FOLLOW</strong></mark3>
<p></p>
info info info info info
<br></br>
<mark2>s</mark2> <mark3><strong>MUSIC</strong></mark3>
<p></p>
info info info info info
<br></br>
<mark2>j</mark2> <mark3><strong>MEDIA</strong></mark3>
<p></p>
info info info info
<br></br>
<mark2>j</mark2> <mark3><strong>CHARACTERS</strong></mark3>
<p></p>
info info info info info
<br></br>
<strong>cr hyoseop_</strong>
</div>