basic scrollbox w/ mark

<style>
@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);

@import url('https://fonts.googleapis.com/css2?family=Mali&display=swap');
</style>

<style>

#scrollOne {
font-family: 'Mali', cursive;
width 100%;
font-size: 0.65em;
text-align: left;
line-height: 15px;
border: 1px solid #000000;
padding: 7px;
background-color: #ffffff;
color: #000000;
height: 75px;
overflow-y: scroll;
}

mark {
font-family: 'cutie';
font-size: 1.2em;
color: #FFFFFF;
background-color: #ffffff00;
background: rgb(204,70,80);
background: linear-gradient(180deg, rgba(204,70,80,1) 0%, rgba(131,31,38,1) 100%);
border-radius: 7px;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
}

</style>
<div id=scrollOne><mark>text text</mark> 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 text text text text text text text text text text text text text text text text text text text text text</div>