body{font-family: Helvetica, Arial, sans-serif; font-size: 1em; margin: 0 auto auto; background: url(clouds.png) center 16em no-repeat #ddeef6; line-height: 150%; color: #51656b}
section, header, footer{display: block;}



section.content{margin: 0 auto 0; background: url(cloud.png) 35% 65% no-repeat; position: relative; width: 50%; padding: 8% 0 0}

.ani img{margin: 0 0 0 110px; display: block; }

.ani{background: url(plateau.gif) center bottom no-repeat; width: 224px; height: 245px; margin: 0 auto 0;}

.social .twitter{display: block; background: url(twitter-bird-light-bgs.png) left top no-repeat; padding:1em 0 0 75px; min-height: 140px; margin: 3em 0 0; min-width: 350px;}
.info{background: #000; color: #fff; width: 100px; text-transform: uppercase; position: absolute; top: 35%; font-size: 0.9em; letter-spacing: 2px; left: 0; padding: 0.5em 0.5em 0.5em 1.5em;}
.social{margin: 2em auto; text-align: center;}

footer{font-size: 0.8em; margin:x 0 0; text-align: center;}

section.content .ani, section.content .cloud{
position:relative;
animation:myfirst 15s linear 0s infinite alternate;
/* Firefox: */
-moz-animation:myfirst 15s linear 0s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:myfirst 15s linear 0s infinite alternate;
}

@keyframes myfirst
{
0%   {left:0px; top:0px;}
50%  {left:0px; top:20px;}
75%  {right:0px; top:0px;}
100% {left:0px; top:20px;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {left:0px; top:0px;}
50%  {right:0px; top:15px;}
75%  {left:0px; top:0px;}
100% {right:0px; top:15px;}
}

@-webkit-keyframes myfirst /*Safari and Chrome */
{
0%   {left:0px; top:0px;}
50%  {left:0px; top:20px;}
75%  {right:0px; top:0px;}
100% {left:0px; top:20px;}
}

/*fonts*/
hgroup{}
h1{font-family: 'Press Start 2P', serif; margin: 3em auto;text-transform: uppercase; font-size: 1.5em; color: #3399cc; font-weight: normal;}
h2{font-weight: normal; font-size: 1em; margin: 0}
p{text-align: center}
a{color: #3085c1; text-decoration: underline}
a:hover{text-decoration: none;}

/*lists*/
ul li{list-style: none;}
ul{margin: 0; padding: 0}
