@import url(http://fonts.googleapis.com/css?family=Oswald|Quattrocento);html,body{font-size:16px;width:100%;height:100%;margin:0;padding:0}body{background:#404040;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;background:url(../images/2e60e786.pattern.png);background-size:100px 100px}.css_animation{position:absolute;display:inline-block;right:0;top:20%;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s;transition:transform .5s}.css_animation.show{-webkit-transform:translateX(0%);transform:translateX(0%)}.wrapper{-moz-box-sizing:border-box;box-sizing:border-box;padding:1em;display:inline-block;margin:0 auto;position:relative;background:#232323;text-align:right;border-top-left-radius:.4rem;border-bottom-left-radius:.4rem}h1{margin:0;padding:0;font-family:Oswald,sans-serif;font-size:2rem;color:#676666;text-shadow:-1px -1px 0 #101010,1px 1px 0 #505050;opacity:0;-webkit-transition:opacity .5s .1s;transition:opacity .5s .1s}.css_animation.show .wrapper h1{opacity:1}.subl{font-family:Quattrocento,serif;color:#C50000;font-size:1rem;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s .2s;transition:transform .3s .2s}.css_animation.show .wrapper .subl{-webkit-transform:translateX(0%);transform:translateX(0%)}.css_stitch{}.css_shadow:before{content:'';width:70%;position:absolute;top:50%;bottom:15px;left:10px;z-index:-1;background-color:#777;box-shadow:0 15px 10px rgba(0,0,0,.8);-webkit-transform:rotate(-3deg) translateY(-15px);transform:rotate(-3deg) translateY(-15px);-webkit-transition:-webkit-transform .5s .1s;transition:transform .5s .1s}.css_animation.show .css_shadow:before{-webkit-transform:rotate(-3deg) translateY(0px);transform:rotate(-3deg) translateY(0px)}