.template:before{background-image:linear-gradient(90deg,red,orange,yellow,green,blue,indigo,violet)}
.template:after{
  left:10px;top:10px;
  width:200px;height:202px;
  background:url(../print/mask/corner1a.svg) no-repeat 0 0/200px;
  filter:url(#rainbow)url(#lightB4)drop-shadow(-2px 2px 1px)
}
#persp{margin-top:30px}
.tpl{
  font-family:Aristocrat,bn,hi,hy,ja,ka,km,ko,ml,my,cursive
}
.tpl p{
  filter:saturate(3)
}
.tpl p:before,.tpl p:after,#dropbox img{
  filter:url(#rainbow)drop-shadow(0 0 1px #000)
}
.tpl p:before{
  text-shadow:var(--3DshadowA9)
}
.tpl p:after{color:#aaa}

.tpl:after{
  content:'';
  top:0;left:50%;
  margin-left:-1em;
  width:2em;height:2em;
  border:solid .07em aqua;
  border-radius:50%;
  box-shadow:0 0 .2em rgba(0,0,0,.7),inset 0 0 .2em #000;
  background:radial-gradient(transparent,transparent),
  linear-gradient(36deg,#272b66 42%,transparent calc(42% + 1px)),
  linear-gradient(72deg,#2d559f 75%,transparent calc(75% + 1px)),
  linear-gradient(-36deg,#9ac147 42%,transparent calc(42% + 1px))100% 0,
  linear-gradient(-72deg,#639b47 75%,transparent calc(75% + 1px))100% 0,
  linear-gradient(36deg,transparent calc(58% - 1px),#e1e23b 58%)100% 100%,
  linear-gradient(72deg,transparent calc(24% - 1px),#f7941e 24%)100% 100%,
  linear-gradient(-36deg,transparent calc(57% - 1px),#662a6c 57%)0 100%,
  linear-gradient(-72deg,transparent calc(24% - 1px),#9a1d34 24%)0 100%,
  #43a1cd linear-gradient(#ba3e2e,#ba3e2e)50% 100%;
  background-repeat:no-repeat;
  background-size:100% 100%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%,50% 50%;
  z-index:-1;
  animation:rotate 2s infinite linear
}