scrollbox 04/01

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali&display=swap" rel="stylesheet">

<style>

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

#scroll01 {
font-family: 'Mali';
width 100%;
border: 0.75px solid #000000;
border-radius: 6px;
font-size: .7em;
text-align: left;
line-height: 15px;
padding: 7px;
background-color: #ffffff;
color: #000000;
height: 150px;
overflow-y: scroll;
}

mark {
background: linear-gradient(0deg, #f2b3c2 0%, #fff 100%);
font-family: cutie;
border: 1px solid #000000;
border-radius: 6px;
font-size: 1.25em;
padding-left: 4px;
padding-right: 4px;
}

</style>
<div id=scroll01>
<mark>about</mark> info info info info info
<br></br>
<mark>likes</mark> info info info info info
<br></br>
<mark>to know</mark> info info info info info
<br></br>
<mark>guidelines</mark> info info info info info
<br></br>
<mark>credits</mark> cr coracrd for this crd layout ~
</div>