html{padding:1em;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ddd),color-stop(100%,#fff)) no-repeat;background:-webkit-linear-gradient(#ddd,#fff) no-repeat;background:-moz-linear-gradient(#ddd,#fff) no-repeat;background:-o-linear-gradient(#ddd,#fff) no-repeat;background:-ms-linear-gradient(#ddd,#fff) no-repeat;background:linear-gradient(#ddd,#fff) no-repeat}h1{font-size:2em;margin-bottom:1em}h2{font-size:1.4em;margin-bottom:.6em}.doc{background:#fff;border:#ddd;padding:1em;color:#aaa;margin:1em;font-style:italic}.doc a{color:#999}div{width:18em;height:10em;margin:5em auto;background:#eee;border:1px solid #ccc}div p{padding:3em 0;text-align:center}a.more{display:block;width:100px;margin:-50px auto 0}.drop-shadow-curved-vt,.drop-shadow-lifted-corners,.drop-shadow-perspective{position:relative}.drop-shadow-curved-vt>:last-child::before,.drop-shadow-lifted-corners>:last-child::before,.drop-shadow-perspective>:last-child::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#eee}.drop-shadow-curved-vt:hover,.drop-shadow-lifted-corners:hover,.drop-shadow-perspective:hover{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg)}.drop-shadow-curled-corners{position:relative;-moz-border-radius:0 0 120px 120px/0 0 6px 6px;-webkit-border-radius:0 0 120px 120px/0 0 6px 6px;-o-border-radius:0 0 120px 120px/0 0 6px 6px;-ms-border-radius:0 0 120px 120px/0 0 6px 6px;-khtml-border-radius:0 0 120px 120px/0 0 6px 6px;border-radius:0 0 120px 120px/0 0 6px 6px}.drop-shadow-curled-corners:before,.drop-shadow-curled-corners:after{content:"";position:absolute;z-index:-2;bottom:12px;width:50%;height:55%;-moz-box-shadow:0 8px 12px rgba(0,0,0,0.5);-webkit-box-shadow:0 8px 12px rgba(0,0,0,0.5);-o-box-shadow:0 8px 12px rgba(0,0,0,0.5);box-shadow:0 8px 12px rgba(0,0,0,0.5)}.drop-shadow-curled-corners:before{left:10px;-moz-transform:skew(-8deg) rotate(-3deg);-webkit-transform:skew(-8deg) rotate(-3deg);-o-transform:skew(-8deg) rotate(-3deg);-ms-transform:skew(-8deg) rotate(-3deg);transform:skew(-8deg) rotate(-3deg)}.drop-shadow-curled-corners:after{right:10px;-moz-transform:skew(8deg) rotate(3deg);-webkit-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}.drop-shadow-curved-vt{position:relative}.drop-shadow-curved-vt:before{content:"";position:absolute;z-index:-1;top:10px;bottom:10px;left:0;right:0;-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);-o-box-shadow:0 0 15px rgba(0,0,0,0.6);box-shadow:0 0 15px rgba(0,0,0,0.6);-moz-border-radius:.1;-webkit-border-radius:.1;-o-border-radius:.1;-ms-border-radius:.1;-khtml-border-radius:.1;border-radius:.1}.drop-shadow-lifted-corners{position:relative}.drop-shadow-lifted-corners::before,.drop-shadow-lifted-corners::after{content:"";position:absolute;z-index:-2;bottom:15px;width:50%;height:20%;-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);-o-box-shadow:0 15px 10px rgba(0,0,0,0.7);box-shadow:0 15px 10px rgba(0,0,0,0.7)}.drop-shadow-lifted-corners::before{left:10px;-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);-o-transform:rotate(-4deg);-ms-transform:rotate(-4deg);transform:rotate(-4deg)}.drop-shadow-lifted-corners::after{right:10px;-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-o-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}.drop-shadow-perspective{position:relative}.drop-shadow-perspective:before{content:"";position:absolute;z-index:-2;left:80px;bottom:5px;width:50%;height:35%;-moz-box-shadow:-80px 0 8px rgba(0,0,0,0.4);-webkit-box-shadow:-80px 0 8px rgba(0,0,0,0.4);-o-box-shadow:-80px 0 8px rgba(0,0,0,0.4);box-shadow:-80px 0 8px rgba(0,0,0,0.4);-moz-transform:skew(50deg);-webkit-transform:skew(50deg);-o-transform:skew(50deg);-ms-transform:skew(50deg);transform:skew(50deg);-moz-transform-origin:0 100% 50%;-webkit-transform-origin:0 100% 50%;-o-transform-origin:0 100% 50%;-ms-transform-origin:0 100% 50%;transform-origin:0 100% 50%}.drop-shadow-raised{-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3);-o-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3);box-shadow:0 15px 10px -10px rgba(0,0,0,0.5),0 1px 4px rgba(0,0,0,0.3)}