.template:before{background-color:#eee}
.tpl{font-family:audiowide,bn,hi,hy,ja,ka,km,ko,ml,my,sans-serif}
.tpl p{perspective:300px}
.tpl:before,.tpl p:before,.tpl p:after{display:none}.tpl p span{display:inline-block}
.tpl p span:after{color:#fff}
.char1:before,.char1:after{content:"R"}
.char2:before,.char2:after{content:"O"}
.char3:before,.char3:after{content:"L"}
.char4:before,.char4:after{content:"L"}
.char5:before,.char5:after{content:"I"}
.char6:before,.char6:after{content:"N"}
.char7:before,.char7:after{content:"G"}
.char1{transform:rotateY(75deg)translateZ(.8em)}
.char2{transform:rotateY(55deg)translateZ(-.1em)translatex(.64em)}
.char3{transform:rotateY(40deg)translateZ(-.9em)translatex(.82em)}
.char4{transform:translateZ(-1.5em)}
.char5{transform:rotateY(-40deg)translateZ(-.9em)translatex(-.82em)}
.char6{transform:rotateY(-55deg)translateZ(-.1em)translatex(-.64em)}
.char7{transform:rotateY(-75deg)translateZ(.8em)}
#dropbox:after{content:"L E T T E R I N G"}