.template:before{background-color:#B9FDFE}
.template:after{background-image:url(../print/textures/aqua.jpg)}
.template:after,.text{
  -webkit-mask-box-image:url(../print/mask/mask14.png);
  mask:url(../print/mask/mask14.png)0 0/100% 100%
}
.tpl,.text{
  font-family:Croissant,bn,hi,hy,ja,ka,km,ko,ml,my,cursive
}
.tpl p:after{
  color:#fff
}
.tpl p:before{
  color:#022;
  text-shadow:var(--3DshadowF4);
  filter:url(#lightF3)
}
*{lighting-color:aqua}
.text{
  color:#066;
  padding:140px;
  line-height:1.3
}
.text1:first-letter{
  font-weight:bold;
  font-size:5em;
  color:cyan;
  text-shadow:-2px 2px 3px rgba(0,0,0,.7);
  float:left;
  margin-right:.06em;
  line-height:.7
}
.text1:after{content:" ";clear:both}
.frm{color:aqua;filter:drop-shadow(0 0 .2px)url(#button)url(#edgeClean);z-index:-1}
.frm:after{background:currentColor;-webkit-mask:var(--bg22)round;mask:var(--bg22)round}
#dropbox:after{content:"Waiting for Firefox CSS mask"}