stevie crd co loves 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>
#scroll3 {
position: absolute;
background-color:#fff;
top:125px;
left:-15px;
height: 80px;
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;
text-align: left;
font-family: 'Mali', cursive;
font-size:11.5px;
background: rgba(255, 255, 255, 0.7);
text-decoration:none;
}

#cont:hover #scroll3 {
height: 110px;
width: 50%;
z-index:2;
transform-origin: 50% 50%;
background: rgba(255, 255, 255, 1);
background-color:#FFF0F6;
}
a:link {
color: #000;
}

a:visited {
color: #000;
}

a:hover {
color: #FFCFE2;
}

a:active {
color: #000;
}

</style>

<div id="cont">
<div id="overlay"> </div>
<div id="scroll3">
<strong>kpop</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>
<strong>music</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>
<strong>interests</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
</div>
</div>