html, body {
height:100%;
width:100%;
margin:0;
padding:0;
background-color:#58869e;
color:#fff;
font: 12px "Arial";
}

a {
text-decoration:underline;
color:#fff;
}

a:hover {
text-decoration:none;
color:#CE8686;
}

a:active {
color:#84CAC6;
}

a:visited {
color:#fff;
}

.sba {
 position: relative;
 width: 100%;
 height: 100%; 
}

#logo {
 position: absolute;
 background-image:url(sba1.png); 
 background-repeat:no-repeat;
 background-size:100%;
 width: 479px;
 height: 416px;
 top: 50%;
 left: 50%;
 margin: -208px 0 0 -240px;
}

#sit {
 position: absolute;
 background-image:url(vogel1.png);
 background-repeat:no-repeat; 
 background-size:100%;
 width: 36px;
 height: 30px;
 top: 111px;
 left: 344px;
  animation: blend 8s;
 -moz-animation:blend 8s; /*Firefox*/
 -webkit-animation:blend 8s; /*Safari and Chrome*/

}

#fly {
 position: absolute;
 background-image:url(bird.gif);
 background-repeat:no-repeat; 
 background-size:100%;
 -webkit-transform: scaleX(-1);
 -khtml-transform: scaleX(-1);
 -moz-transform: scaleX(-1);
 -ms-transform: scaleX(-1);
 -o-transform: scaleX(-1);
 transform: scaleX(-1);
 width: 65px;
 height: 57px;
 top: 95px;
 right: 90px;
 opacity:0;
 animation: wings 8s;
 -moz-animation:wings 8s; /*Firefox*/
 -webkit-animation:wings 8s; /*Safari and Chrome*/
 }

#soon{
 position: absolute;
 background-image:url(soon.png);
 background-repeat:no-repeat; 
 background-size:100%;
 width:200px;
 height:45px;
 top:102%;
 left:30%;
}

#contact {
position:absolute;
top:117%;
left:-42%;
width:1000px;
}

@keyframes wings
{
0%   	{ top:-150px;right:-250px;opacity:1;}
90%   	{top:95px;right:90px;opacity:1;}
100%   	{opacity:0;}
}

@-moz-keyframes wings /* Firefox */
{
0%   	{ top:-150px;right:-250px;opacity:1;}
90%   	{top:95px;right:90px;opacity:1;}
100%   	{opacity:0;}
}

@-webkit-keyframes wings /* Safari and Chrome */
{
0%   	{ top:-150px;right:-250px;opacity:1;}
90%   	{top:95px;right:90px;opacity:1;}
100%   	{opacity:0;}
}

@keyframes blend
{
0%   	{opacity:0;}
90%   	{opacity:0;}
100%   	{opacity:1;}
}

@-moz-keyframes blend /* Firefox */
{
0%   	{opacity:0;}
90%   	{opacity:0;}
100%   	{opacity:1;}
}

@-webkit-keyframes blend /* Safari and Chrome */
{
0%   	{opacity:0;}
90%   	{opacity:0;}
100%   	{opacity:1;}
}