stevie crd co about me scrollbox

<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:wght@500&display=swap" rel="stylesheet">
<style>
#scroll {
position: absolute;
background-color:#fff;
bottom:-1px;
height: 90px;
width: 45%;
border: 3px double #FFD6EA;
border-radius: 5px;
padding: 9px;
overflow: scroll;
transition: width 1s, height 1s;
/* style of the text inside scrollbox */
color: #000;
font-family: 'Mali', cursive;
text-align: left;
font-size:11.5px;
background: rgba(255, 255, 255, 0.7);
}

#cont:hover #scroll {
height: 120px;
width: 50%;
z-index:2;
transform-origin: 50% 50%;
background: rgba(255, 255, 255, 1);
background-color:#FFF0F6;
}

</style>

<div id="cont">
<div id="overlay"> </div>
<div id="scroll">
name or name ♥︎ <strong>info info</strong> info info info info info info info info info info info info info info
<br></br>
cr <strong>abracitos</strong> on whi
<br></br>
<strong>links</strong> <a href="putlinkurlhere">link</a> <a href="putlinkurlhere">link</a> <a href="putlinkurlhere">link</a> <a href="putlinkurlhere">link</a>
</div>