.template{perspective:400px}
.template:before{background:radial-gradient(circle at 50% 0%,#97d0e1,#427388 80%)}
#persp{
  background:linear-gradient(#fff,#bbb) padding-box;
  color:#333;
  border:solid 9px;
  border-radius:99% 19px 99% 19px/19px 99% 19px 99%;
  box-shadow:1px 1px .4px,3px 1.4px .4px -1px,5px 2px .4px -2px,7px 2.4px .4px -3px,9px 3px .4px -4px,11px 3.4px .4px -5px,13px 4px .4px -6px,15px 4.4px .4px -7px,17px 5px .4px -8px,19px 5.4px .4px -9px,21px 6px .4px -10px,23px 6.4px .4px -11px,25px 7px .4px -12px,27px 7.4px .4px -13px,29px 8px .4px -14px,31px 8.4px .4px -15px,33px 9px .4px -16px,35px 9.4px .4px -17px,37px 10px .4px -18px,39px 10.4px .4px -19px,41px 11px .4px -20px,43px 11.4px .4px -21px,45px 12px .4px -22px;
  transform:rotatex(-10deg);
  transform-origin:0 0;
  filter:drop-shadow(0 0 1px)
}
.tpl{
  filter:url(#vintage);
  transform:rotate(-1deg)
}
.tpl p{
  filter:url(#expand3)
}
.tpl:before,.tpl p:before,.tpl p:after{padding:.1em .3em 16px .2em}