.template:before{background-image:url(../print/textures/cover.jpg)}
.template:after{
  background:var(--bg103);
  font-size:.9vw;
  -webkit-mask:url(../print/mask/music.png)0 0/100% 100%;
  mask:url(../print/mask/music.png)0 0/100% 100%
}
.template:hover:after{background:red}
.tpl{
  font-family:Audiowide,bn,hi,hy,ja,ka,km,ko,ml,my,sans-serif
}
.tpl:before{
  color:gold;
  text-shadow:var(--3DshadowA2)
}
.tpl p:before{
  color:red
}
.tpl p:after{
  color:#0f0;
  filter:url(#brushed)
}
.template:hover .tpl p:after{
  mix-blend-mode:screen;
  animation:flash 1s
}
.text{border-top:solid 1px #aaa}
#dropbox:after{content:"hover\a Waiting for Firefox CSS mask"}