.template:before{
  background-image:url(../print/textures/knitted-netting.png)
}
#persp{margin-top:40px}
.tpl{
  font-family:sans-serif,bn,hi,hy,ja,ka,km,ko,ml,my;
  font-weight:bold;
  padding:0 .1em
}
.template:hover .tpl{
  animation:flip 1s
}
.tpl:before{
  content:''!important;
  border:solid .2em;
  border-image:linear-gradient(#888,#fff,#333)1;
  border-image-width:.2em;
  border-image-outset:.2em;
  border-image-slice:25;
  filter:url(#lightA2)drop-shadow(4px 4px 1px rgba(0,0,0,.6))
}
.tpl p:before{
  text-shadow:var(--outline-shadow3)
}
.tpl p:after{
  color:#555;
  filter:url(#lightA4)
}

.tpl:after{
  content:"";
  top:-.2em;right:-.2em;bottom:-.2em;left:-.2em;
  border:solid .3em;
  border-image:url(../print/frames/frame36.png)50 58;
  filter:url(#button)drop-shadow(3px 3px 2px rgba(0,0,0,.6))
}
#dropbox:after{content:"hover"}