.template{
  perspective:800px
}
.template:before{
  background:url(../print/backgrounds/frosty.jpg) no-repeat center/cover
}
.template:hover #persp{
  transform:rotate(82deg) rotateY(5deg);
  animation:rotate-b 10s linear infinite
}
.tpl{
  font-family:Courgette,bn,hi,hy,ja,ka,km,ko,ml,my,cursive
}
.template:hover .tpl{
  animation:rotate-a 10s linear infinite
}
.tpl:before{
  background:radial-gradient(#7ce,#059);
  border-radius:50%;
  filter:url(#lightA2)drop-shadow(5px 5px 3px rgba(0,0,0,.5))
}
.tpl p{
  filter:url(#diffused1)
}
.tpl p:before{
  color:#036
}
.tpl p:after{
  color:rgba(40,80,120,.9);
  filter:url(#lightA3)
}
.tpl:first-child{backface-visibility:hidden}
.tpl:nth-child(2){display:block}
.tpl:nth-child(2):before,.tpl:nth-child(2) p:before,.tpl:nth-child(2) p:after{color:transparent}
.tpl:after{content:"";width:1.14em;height:1.14em;background:url(../print/img/flareblue.png);background-size:100%;top:-.28em;left:-.14em}
#dropbox:after{content:"hover"}