.cloud {
	margin: 0 auto;
	animation: ghostUpdown 1.8s infinite alternate;
	-webkit-animation: ghostUpdown 1.8s infinite alternate;
  }
  
  @keyframes ghostUpdown {
	from {
		margin-top: 0px;
	}
  
	to {
		margin-top: 15px;
	}
  }
  
  @-webkit-keyframes ghostUpdown {
	from {
		margin-top: 0px;
	}
  
	to {
		margin-top: 15px;
	}
  }

  .cloudx {
	animation: ghostUpdown02 1.4s infinite alternate;
	-webkit-animation: ghostUpdown02 1.4s infinite alternate;
  }
  
  @keyframes ghostUpdown02 {
	from {
	
		margin-left: 0px
	}
  
	to {

		margin-left: 10px;
	}
  }
  
  @-webkit-keyframes ghostUpdown02 {
	from {

		margin-left: 0px
	}
	}
  
	to {

		margin-left: 10px;
	}
	}
	
	@keyframes color {
		from {
			fill:#9FCFD4;
		}
		to{
			fill: silver;
		}
		}
		.text{
		animation: color 1s linear forwards;
		}