pro-standard cr zuhaves codes

<style>
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
#text01 {
background: #f1dea2;
border: 1px solid black;
border-radius: 5px;
}
#container02, #container04 {
border: 3px double black;
border-radius: 15px;
}
#text02 {
background: #f1dea2;
border-radius: 5px 50px 50px 5px;
padding: 10px;
height: 12em;
overflow-y: scroll;
box-shadow: 0px 0px 12px #fff, inset 0px 0px 13px #fff;
}
#text03 {
background: #7CC3F8;
border: 1px dotted black;
border-radius: 0px 0px 0px 10px;
padding: 2px;
width: 7em;
}
#container03 > .wrapper {
position: absolute;
z-index: 9;
top: -16em;
left: 10em;
}
mark {
border: 1px solid black;
border-radius: 5px 0px 5px 0px;
padding: 1px;
}
u {
-webkit-filter: drop-shadow(0.5px 0px 0.5px #000);
}
#container05 > .wrapper {
border-top: 2px double grey;
border-right: 2px dotted #808080;
border-bottom: 2px double grey;
position: absolute;
z-index: 9;
top: -9em;
left: 0.125em;
width: 10.5em;
}
#text05 {
border: 1px dotted black;
border-radius: 5px;
padding: 3px;
}
@media only screen and (max-width: 600px) {
#container05 {
top: -0.25em;
}
}
</style>