.tpl{
  font-family:arabia,bn,hi,hy,ja,ka,km,ko,ml,my,cursive;
  filter:url(#lightA2)
}
.tpl:before,.tpl p:before,.tpl p:after{display:none}
.tpl p span{display:inline-block}
.tpl p span:before{color:#111}
.tpl p span:after{color:#900;
-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);
clip-path:polygon(0 0,50% 0,50% 100%,0 100%)
}
.char1:before,.char1:after{content:"H"}
.char2:before,.char2:after{content:"A"}
.char3:before,.char3:after{content:"L"}
.char4:before,.char4:after{content:"F"}
.char5:before,.char5:after{content:" "}
.char6:before,.char6:after{content:"C"}
.char7:before,.char7:after{content:"H"}
.char8:before,.char8:after{content:"A"}
.char9:before,.char9:after{content:"R"}
#dropbox:after{content:"L E T T E R I N G"}
@-moz-document url-prefix(){#dropbox:after{content:"L E T T E R I N G\a Set about:config -> layout.css.clip-path-shapes.enabled -> true"}}