cr rosettas on whi (scrollboxes)

---scrollbox 1---
<style>
@font-face {
src: url(https://dl.dropbox.com/s/9gt2ntgclqn5zq4/Rain%20Kiss.ttf);
font-family: rain-kiss;
}

#scroll01 {
font-family: Inter, sans-serif;
overflow-y: scroll;
color: white;
font-size: 0.875em;
background: #FFF9F0;
border-radius: 20px;
height: 6.5em;
padding: 10px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
text-align: center;
position: relative;
right: 1em;
top: 0.8em;
}

mark {
color: #BB75E6;
text-shadow: none;
background-color: rgba(0,0,0,0.0);
font-family: rain-kiss;
}

</style>
<div id="scroll01">
<mark>BYF</mark> info info info info info info info info info info info 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>
<mark>DFI</mark> info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info info

---scrollbox 2---
<style>
@font-face {
src: url(https://dl.dropbox.com/s/9gt2ntgclqn5zq4/Rain%20Kiss.ttf);
font-family: rain-kiss;
}

#scroll02 {
font-family: Inter, sans-serif;
overflow-y: scroll;
color: white;
font-size: 0.875em;
background: #FFF9F0;
border-radius: 20px;
height: 6.5em;
padding: 10px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
text-align: center;
position: relative;
right: 1em;
top: 0.8em;
}

mark {
color: #BB75E6;
text-shadow: none;
background-color: rgba(0,0,0,0.0);
font-family: rain-kiss;
}

</style>
<div id="scroll02">
<mark>love zone</mark> info info info info info info info info info info info 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>
<mark>tunes</mark> info info info info info info info info info info info info 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>
<a href="#">go back</a>