pro standard cr carrdmestre style

<style>

#text01 {
font-family: windows;
background: white;
border: 1px solid black;
border-radius: 3px 3px 3px 3px;
padding: 3px;
}
#text02 {
font-family: wondermagic;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
filter: drop-shadow(0px 0px 3px #000);
-webkit-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

#text03 {
font-family: windows;
}

#container03 > .wrapper {
position: absolute;
z-index: 99;
top: -18.25em;
left: 12em;
}

@media only screen and (max-width: 600px) {
#container03 {
top: -0.5em;
}
}

#text04, #text05 {
border: 2px solid black;
background: #E1E1E1;
padding: 3px;
border-radius: 5px 5px 5px 5px;
font-family: windows;
width: 12.5em;
overflow-y: scroll;
height: 8em;
position: absolute;
z-index: 9999;
left: 10.5em;
top: 10.5em;
}

#text04 mark {
color: blue;
font-size: 1.5em;
}

#text05 mark {
color: blue;
font-size: 1.5em;
}
</style>