@charset "utf-8";
/* CSS Document */

 .clouds_two {
  background: url(../images/clouds-transparent.png);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_two 75s linear infinite;
  -moz-animation: cloud_two 75s linear infinite;
  -o-animation: cloud_two 75s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); 
}



 .swim-penguin {
  background: url(../images/penguin2.png) no-repeat right top; 
  height:206px;
  position: relative;
  overflow: hidden;
  -webkit-animation: swim-penguin 10s linear infinite;
  -moz-animation: swim-penguin 10s linear infinite;
  -o-animation: swim-penguin 10s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); 
}


@-webkit-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}


@-moz-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}


@-webkit-keyframes swim-penguin {
  0% {
    left: 0
  }
  100% {
    left: -100%
  }
}


@-moz-keyframes swim-penguin {
  0% {
    left: 0
  }
  100% {
    left: -100%
  }
}