.template:before{background-color:#ddd}
#persp{
  filter:drop-shadow(4px 4px 1px rgba(0,0,0,.6));
  margin-top:-10px
}
.tpl{
  margin:20px;
  padding:20px;
  background:#fff;
  line-height:.9
}
#persp:before,#persp:after,.tpl:before,.tpl:after{
  content:''!important;
  position:absolute;
  width:80px;
  height:80px;
  background:transparent;
  border:solid 20px #fff;
  padding:0
}
#persp:before{
  left:-40px;
  top:-40px;
  clip:rect(40px,auto,auto,40px);
  border-radius:40% 80%
}
#persp:after{
  right:-40px;
  top:-40px;
  clip:rect(40px,40px,auto,auto);
  border-radius:80% 40%;
  z-index:-1
}
.tpl:before{
  right:auto;
  left:-60px;
  top:auto;
  bottom:-40px;
  clip:rect(auto,auto,40px,40px);
  border-radius:80% 40%
}
.tpl:after{
  left:auto;
  right:-60px;
  bottom:-40px;
  clip:rect(auto,40px,40px,auto);
  border-radius:40% 80%;
  z-index:-1
}
.tpl p{
  background:#fff;
  margin:0 -40px
}
.tpl p:before,.tpl p:after{
  padding:0 .3em
}
.tpl p:after{
  filter:url(#clouds)
}