hoyeon ju mp scrollbox #1

<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=Gamja+Flower&family=Mali&display=swap" rel="stylesheet">

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

#scroll01 {
height: 170px;
width: 100%;
padding: 10px;
margin-left: auto;
margin-right: auto;
background: #FCD4F0;
border-radius: 10px;
font-size: 15px;
font-family: Mali;
line-height: 1.4;
text-align: left;
overflow: auto;
}

mark {
font-family: cutie;
font-size: 17px;
background: #FFF;
border-radius: 9px;
border: 1px solid #F7A6DF;
padding-left: 5px;
padding-right: 5px;
color: #000;
height: 5px;
}

</style>
<div id="scroll01">
<p></p>
<mark>about</mark> hi im <strong>name</strong> info info info info info info info info info info info info info info info info info info info info info info info info
<br></br>
<mark>likes</mark>
info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info
</div>