﻿.template:before,.template:after{
  font-size:5vw;
  color:green;
  filter:url(#lightC1)
}
.template:before{background:
linear-gradient(116.5deg,transparent 75%,currentColor calc(75% + 1px))0 0/1em 2em,
linear-gradient(243.5deg,transparent 75%,currentColor calc(75% + 1px))0 0/1em 2em,
linear-gradient(116.5deg,transparent 75%,currentColor calc(75% + 1px)).5em -1em/1em 2em,
linear-gradient(243.5deg,transparent 75%,currentColor calc(75% + 1px)).5em -1em/1em 2em,
red
}
.template:after{background:
linear-gradient(296.5deg,transparent 75%,currentColor calc(75% + 1px))0 0/1em 2em,
linear-gradient(423.5deg,transparent 75%,currentColor calc(75% + 1px))0 0/1em 2em,
linear-gradient(296.5deg,transparent 75%,currentColor calc(75% + 1px)).5em -1em/1em 2em,
linear-gradient(423.5deg,transparent 75%,currentColor calc(75% + 1px)).5em -1em/1em 2em
}
.tpl{
  font-family:arabia,bn,hi,hy,ja,ka,km,ko,ml,my,cursive;
  letter-spacing:3px
}
.tpl p:before{
  color:#6f6;
  text-shadow:0 0 1px,-1px -1px 1px #060,0 -1px 1px #060,1px -1px 1px #060,1px 0 1px #060,1px 1px 1px #060,0 1px 1px #060,-1px 1px 1px #060,0 -1px 1px #060,2px 2px 1px #000;
  filter:url(#lightC6)
}
.tpl p:after{
  color:#040;
  filter:url(#erode2)url(#noise-transparency)
}
*{lighting-color:yellow}