@charset "utf-8"; body { background: #d4d4d4 url("../images/background.png"); text-align: center; font-family: sans-serif; } h1 { color: rgba(0, 0, 0, .3); font-weight: bold; font-size: 32px; letter-spacing: -1px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background: url("../images/middleman.png") no-repeat center 100px; padding: 350px 0 10px; margin: 0; } .doc { font-size: 14px; margin: 0; } .doc:before, .doc:after { opacity: .2; padding: 6px; font-style: normal; position: relative; content: "•"; } .doc a { color: rgba(0, 0, 0, 0.3); } .doc a:hover { color: #666; } .welcome { -webkit-animation-name: welcome; -webkit-animation-duration: .9s; } @-webkit-keyframes welcome { from { -webkit-transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); opacity: 0; } 82.5% { -webkit-transform: scale(1.03); -webkit-animation-timing-function: ease-out; opacity: 1; } to { -webkit-transform: scale(1); } }