.template{
  perspective:400px;
  perspective-origin:50% 0
}
.template:before{
  background-image:linear-gradient(#eee,#aaa);
  -webkit-mask-box-image:url(../print/mask/mask37.png);
  mask:url(../print/mask/mask37.png)0 0/100% 100%
}
#persp{
  transform-origin:bottom left;
  transform:skewY(-15deg)rotateY(20deg);
  margin-top:130px
}
.tpl{
  font-style:italic
}
.tpl:before{
  left:.2em;
  color:transparent;
  text-shadow:0 0 5px #000,0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6),0 0 40px rgba(0,0,0,.4);
  opacity:.5;
  transform-origin:bottom left;
  transform:skewX(60deg)
}
.tpl p:before{
  color:#eee;
  text-shadow:var(--3DshadowA3);
  filter:brightness(1.2)
}
.tpl p:after{
  display:inline;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  color:#fff;
  text-shadow:0 0 1px,0 0 1px rgba(0,0,0,.4);
  background:linear-gradient(90deg,transparent,currentColor,transparent)no-repeat bottom/100% .1em
}
.template:hover .tpl:before{display:none}
.template:hover .tpl p:before{
  filter:url(#light)url(gallery.htm#mono1)hue-rotate(200deg)
}
*{lighting-color:aqua}
#dropbox:after{content:"hover"}