.template{
  perspective:600px;
  perspective-origin:60% 60px
}
.template:before{
  background-image:url(../print/textures/white-leather.jpg)
}
.template:after{font-size:139px;color:gray;background:var(--bg1),var(--bg2),var(--bg3)
}
#persp{
  transform:rotatex(-12deg);
  transform-origin:0 0;
  background:linear-gradient(#ddd,#bbb);
  margin-top:20px;
  padding:0
}
#persp:before{
  background:#aaa;
  transform:rotateX(90deg)translateY(-100%);
  transform-origin:top center;
  filter:drop-shadow(0 0 .7px #999)
}
.tpl{
  font-family:Digital,bn,hi,hy,ja,ka,km,ko,ml,my,serif;
  background-color:#fff;
  border:solid 1px #666;
  filter:url(#hollow)drop-shadow(0 0 .7px #999)
}
.tpl:before,.tpl p:before,.tpl p:after{
  text-shadow:none
}
.tpl p:after{
  background-color:#000;
  color:#fff;
  -webkit-clip-path:var(--clip31);
  clip-path:var(--clip31)
}
@-moz-document url-prefix(){#dropbox:after{content:"Set about:config -> layout.css.clip-path-shapes.enabled -> true"}}