cr rosettas on whi (pro standard)

#text01 {
text-shadow: -1px 0 #4170CC, 0 5px #4170CC, 5px 0 #4170CC, 0 -1px #4170CC, 0 0;
font-family:bratsy;
z-index: 3;
-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)

}
}


#text02 {
background: #FFF9F0;
border-radius: 15px;
height: 4em;
width: 8em;
padding: 10px;
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
z-index: 2;
}

#text03 {
text-shadow: -1px 0 #4170CC, 0 5px #4170CC, 5px 0 #4170CC, 0 -1px #4170CC, 0 0;
font-family:bratsy;
-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)

}
}


#text04 {
text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, 0 0;
}

#image01 {
transform: rotate(330deg);
z-index: 4;
}

#image02 {
filter: drop-shadow(8px 0px #D2A1F0);
}

#image03 {
filter: drop-shadow(-8px 0px #D2A1F0);
}