scrollboxes 8/22

<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=Archivo:ital,wght@0,100..900;1,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
</head>

<style>

#scrollname {
background: #ffffff00;
color: #dbdbdb;
text-align: left;
font-size: 12px;
font-family: "JetBrains Mono", monospace;
height: 65px;
overflow-y: scroll;
line-height: 14px;
padding: 3px;
}

mark {
background: #b5b5b540;
color: #dbdbdb;
border-radius: 10px;
padding: 1px 6px;
}

</style>

<div id="scrollname">
<mark>header</mark>
<p></p>
info info info info info info info info info info
<br></br>
<mark>header</mark>
<p></p>
info info info info info info info info info info
</div>