body{margin:0;padding:0;background:#000}#logo-wrapper{position:absolute;width:100%;height:100%;text-align:center}#logo{margin-top:10%;position:relative;display:inline-block}#intro{font-family:sans-serif;color:#444;text-align:center;width:100%;font-size:1.2em}#legal{position:absolute;bottom:1rem;font-family:sans-serif;color:#111;text-align:center;width:100%;font-size:.7em}.xtratext{display:inline-block;white-space:nowrap;margin-left:-10em;opacity:0;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-animation:slideFromRight 1s ease-in-out 1s forwards;animation:slideFromRight 1s ease-in-out 1s forwards}.lt-ie9 .xtratext{margin-left:0}.smiley{display:inline-block;margin-left:.6em;-webkit-animation:rotateSmiley 1s ease-in-out 2s forwards;animation:rotateSmiley 1s ease-in-out 2s forwards}@media (max-width:600px){#logo{position:absolute;left:0;right:0;top:0;bottom:50%;vertical-align:middle}#logo img{position:absolute;left:0;right:0;top:0;bottom:0;width:50%;height:auto;margin:auto}#intro{position:absolute;top:50%}#intro .xtratext{display:block;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}}@-webkit-keyframes rotateSmiley{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-ms-keyframes rotateSmiley{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateSmiley{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes slideFromRight{0%{margin-left:-10em;opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}100%{margin-left:0;opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-ms-keyframes slideFromRight{0%{margin-left:-10em;opacity:0;-ms-transform:rotateY(90deg);transform:rotateY(90deg)}100%{margin-left:0;opacity:1;-ms-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes slideFromRight{0%{margin-left:-10em;opacity:0;-webkit-transform:rotateY(90deg);-ms-transform:rotateY(90deg);transform:rotateY(90deg)}100%{margin-left:0;opacity:1;-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}}