.template{
  perspective:600px;
  perspective-origin:50% 320px
}
.template:before{background:url(../print/backgrounds/brooklyn.jpg) 0 0/100% 100%}
#persp{
  transform:rotateY(35deg);
  margin-top:100px
}
.tpl{
  font-family:Arbutus,bn,hi,hy,ja,ka,km,ko,ml,my,sans-serif;
  margin-left:25%
}
.tpl p{
  filter:drop-shadow(-.7em -.2em .3em #fff)
}
.tpl p:before{
  text-shadow:0 0 .7px,0 0 1.1px,0 1px 1px #404c51,-1px 0 1px #bde2e5,-1px 2px 1px #404c51,-2px 1px 1px #bde2e5,-2px 3px 1px #404c51,-3px 2px 1px #bde2e5,-3px 4px 1px #404c51,-4px 3px 1px #bde2e5,-4px 5px 1px #404c51,-5px 4px 1px #bde2e5,-5px 6px 1px #404c51,-6px 5px 1px #bde2e5,-6px 7px 1px #404c51,-7px 6px 1px #bde2e5,-7px 8px 1px #404c51,-8px 7px 1px #bde2e5;
  filter:contrast(3)
}
.tpl p:after{
  filter:url(#color-outline-in)
}
*{flood-color:#606c6d}