.template{
  perspective:200px;
  perspective-origin:50% -300px
}
.template:before{background-image:linear-gradient(#fff,#f6f6f6,#bbb);top:-300px;-webkit-clip-path:var(--clip1);clip-path:var(--clip1)}
#persp{
  margin-top:12rem
}
.tpl:nth-child(n){
  display:block
}
.tpl{
  color:#003;
  letter-spacing:20px
}
.tpl:before{
  transform:translateZ(-100px);
  text-shadow:0 0 .8px,0 0 1px
}
.tpl,.tpl p{
  transform-style:preserve-3d
}
.tpl p:before{
  transform:translateZ(-50px)
}
.tpl:first-child p:after{
  color:red;
  filter:url(#lightA2)
}
*{lighting-color:#fff}