scrollbox 04/07

<head>
<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=Quicksand:wght@500&display=swap" rel="stylesheet">
</head>

<style>
#scroll1 {
height: 23em;
width: 25em;
padding: 25px;
text-align: left;
background: #ffffff;
border-radius: 5px;
font-size: 10px;
font-family: Quicksand;
overflow: auto;
position: absolute;
bottom: 14.1em;
left: 4.5em;
z-index: 150;
}

mark2 {
background: #fff;
font-family: sant joan;
font-size: 9px;
border-radius:7px;
border: 1px solid black;
padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 0.25px;
width: 40px;
color: #000;
}

</style>
<div id="scroll1">
<p></p>
<br></br>
<p></p>
<mark2>info</mark2> info
<br></br>
<mark2>o◡o</mark2> info
<br></br>
<mark2>bffs</mark2> info
</div>