html,body{margin:0;padding:0;background:#fff}p{margin:0 0 1em}.come-in{transform:translateY(150px);animation:come-in .8s ease forwards}.come-in:nth-child(odd){animation-duration:.6s}@keyframes come-in{to{transform:translateY(0)}}#main{position:relative;width:400px;margin:0 auto;padding:30px 0}#main .narrow{position:relative;padding:30px;background:#ccc;overflow:hidden}#main .narrow div{position:relative;float:left;overflow:hidden;margin:0 0 20px;padding:5px 10px;border:1px solid #fff;background:#ccc;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#dedede),color-stop(1,#fff));background:-ms-linear-gradient(bottom,#dedede,#fff);background:-moz-linear-gradient(center bottom,#dedede 0,#fff 100%);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;-moz-border-radius-topleft:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-top-left-radius:6px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#main .narrow div p:last-child{margin-bottom:0}