scroll pink white

<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=Questrial&display=swap" rel="stylesheet">

<style>
@font-face {
font-family: berkshire;
src:url(https://dl.dropbox.com/s/49tg0oklrpc2u71/BerkshireSwash-Regular.ttf?); }

#scroll01 {
height: 70px;
width: 100%;
padding: 10px;
background: radial-gradient(circle, #FACDE0 9%, #FFFFFF 100%);
border: 1px solid #FACDE0;
color: #955136;
border-radius: 0px 10px 10px 0px;
font-size: 12px;
font-family: 'Questrial', sans-serif;
overflow: auto;
}

mark {
background: white;
padding-bottom:1px;
padding-top:1px;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
margin: 0em auto 10em;
border:1px solid #955136;
font-family: berkshire;cursive;
color:#955136;
font-style: bold;
}

</style>

<div id="scroll01">
heyy <mark>what's up</mark>
</div>