abracitos codigo 1

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

<style>

#text01 {
font-family: 'Pacifico', cursive;
text-shadow: -1px 0 #ffbfe0, 0 1px #ffbfe0, 1px 0 #ffbfe0, 0 -1px #ffbfe0, 0 0;
position: relative;
z-index: 3;
line-height: 0.1;
color: #FFE8F4;
}

#text03 {
font-family: 'Pacifico', cursive;
text-shadow: -1px 0 #ffbfe0, 0 1px #ffbfe0, 1px 0 #ffbfe0, 0 -1px #ffbfe0, 0 0;
position: relative;
z-index: 3;
line-height: 0.1;
top: -12px;
}

#text04 {
height: 60px;
overflow: scroll;
}

#text05 {
height: 60px;
overflow: scroll;
}

#text06 {
font-family: 'Pacifico', cursive;
text-shadow: -1px 0 #ffbfe0, 0 1px #ffbfe0, 1px 0 #ffbfe0, 0 -1px #ffbfe0, 0 0;
position: relative;
z-index: 3;
line-height: 0.1;
top: -12px;
}

#text07 {
height: 60px;
overflow: scroll;
}

#text08 {
font-family: 'Pacifico', cursive;
text-shadow: -1px 0 #ffbfe0, 0 1px #ffbfe0, 1px 0 #ffbfe0, 0 -1px #ffbfe0, 0 0;
position: relative;
z-index: 3;
line-height: 0.1;
top: -12px;
}

#container01 {
z-index: 99;
}

#container02 {
z-index: 99;
}

#container03 {
z-index: 99;
}
</style>