@import url('https://fonts.googleapis.com/css?family=Roboto:300');

body {
  text-align:center;
  background:linear-gradient(141deg, #ccc 25%, #eee 40%, #ddd 55%);
  color:#555;
  font-family:'Roboto';
  font-weight:300;
  font-size:32px;
  padding-top:40vh;
  height:100vh;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
}

div {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}

div:first-of-type {  
  animation: showup 7s 1;
}


@keyframes showup {
    0% {opacity:0;}
    40% {opacity:1;}
    100% {opacity:1;}
}


p {
  font-size:12px;
  color:#999;
  margin-top:200px;
}

#wrapper {
    min-height: 100%; 
}