/* What do you have to be scared of?
 *
 * Lorin Tackett, July 2013
 * http://lorintackett.com 
 */
@import url(https://fonts.googleapis.com/css?family=Oswald);
@keyframes clouds-loop-1 {
  to {
    background-position: -1000px 0;
  }
}
.clouds-1 {
    background-image: url(../img/awan/awan_1.png);
    animation: clouds-loop-1 20s infinite linear;
}

@keyframes clouds-loop-2 {
  to {
    background-position: -1000px 0;
  }
}
.clouds-2 {
  background-image: url("../img/awan/awan_2.png");
  animation: clouds-loop-2 15s infinite linear;
}

@keyframes clouds-loop-3 {
  to {
    background-position: -1579px 0;
  }
}
.clouds-3 {
  background-image: url("../img/awan/awan_3.png");
  animation: clouds-loop-3 17s infinite linear;
}



.clouds {


	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	float: left;
	position: absolute;
    background-image: url("../img/intro-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.clouds-1,
.clouds-2,
.clouds-3 {
  background-repeat: repeat-x;
  position:inherit;
  top: 0;
  right: 0;
  left: 0;
  height: 500px;
	z-index: 0;
}


  .scroll_1 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	float: left;
	position: relative;
	-webkit-animation: 900000s backgroundScroll infinite linear;
	-moz-animation: 900000s backgroundScroll infinite linear;
	-o-animation: 900000s backgroundScroll infinite linear;
	-ms-animation: 900000s backgroundScroll infinite linear;
	animation: 900000s backgroundScroll infinite linear;
  background-image: url("../img/awan/awan_1.png");
	   animation: clouds-loop-1 17s infinite linear;
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0px 0 0px 0;
	

  }


  .scroll_2 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	float: left;
	position: relative;
	-webkit-animation: 900000s backgroundScroll infinite linear;
	-moz-animation: 900000s backgroundScroll infinite linear;
	-o-animation: 900000s backgroundScroll infinite linear;
	-ms-animation: 900000s backgroundScroll infinite linear;
	animation: 900000s backgroundScroll infinite linear;
  background-image: url("../img/awan/awan_2.png");
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0px 0 0px 0;
	

  }