.template:before{background:
repeating-radial-gradient(circle at 50% 25%,limegreen,limegreen .5em,transparent 3em,transparent 4em),
repeating-radial-gradient(circle at 25% 50%,olivedrab,olivedrab .5em,transparent 2em,transparent 4em),
repeating-radial-gradient(circle at 75% 50%,green,green .5em,transparent 2em,transparent 4em),red;
background-blend-mode:screen;filter:blur(1px)}
.tpl{
  font-family:sans-serif,bn,hi,hy,ja,ka,km,ko,ml,my;
  font-weight:bold
}
.tpl:before,.tpl p:before,.tpl p:after{text-decoration:underline}
.tpl p:before{
  color:gold;
  text-shadow:var(--3DshadowfC4);
  filter:url(#dilate1)url(#black-outline1)brightness(.8)contrast(2)drop-shadow(2px 2px 2px rgba(0,0,0,.5))
}
.tpl p:after{
  color:red;
  filter:url(#inner-outline1)url(#black-outline1)url(#lightA1)/*drop-shadow(1px 1px 1px rgba(0,0,0,.5))*/
}
#dropbox:after{content:"Try: .template:before{background-color: ;font-size:\a change .tpl{font-size: to >256px (flexible 3Dshadow)"}