@CHARSET "ISO-8859-1";

@keyframes bounce-md {
	0% {
    	top:-35vh;
  	}
	10% {
    	top:15vh;
  	}
  	20% {
    	top:-12vh;
  	}
	30%{
  		top: 8vh;
  	}
  	40%{
  		top: -5vh;
  	}
  	50%{
  		top:3vh;
  	}
  	60%{
  		top: -2vh;
  	}
	70% {
		top: 1vh;
	}
	80% {
		top: 0.5vh;
	}
	90% {
		top: -0.5vh;
	}
	100% {
		top: 0;
	}
}

@keyframes bounce-md2 {
	0% {
    	top:-35vh;
  	}
	10% {
    	top:15vh;
  	}
  	20% {
    	top:-12vh;
  	}
	30%{
  		top: 8vh;
  	}
  	40%{
  		top: -5vh;
  	}
  	50%{
  		top:3vh;
  	}
  	60%{
  		top: 2vh;
  	}
	70% {
		top: -4.4vh;
	}
	80% {
		top: 5.5vh;
	}
	90% {
		top: -6.5vh;
	}
	100% {
		top: -6vh;
	}
}

@keyframes bounce-md3 {
	0% {
		opacity:1;
    	top:-35vh;
  	}
	10% {
    	top:15vh;
  	}
  	20% {
    	top:-12vh;
  	}
	30%{
  		top: 8vh;
  	}
  	40%{
  		top: -5vh;
  	}
  	50%{
  		top:3vh;
  	}
  	60%{
  		top: -2vh;
  	}
	70% {
		top: 1vh;
	}
	80% {
		top: 0.5vh;
	}
	90% {
		top: -0.5vh;
	}
	100% {
		opacity:1;
		top: 0;
	}
}

/* @keyframes bounce { */
  /* from { */
    /* margin-top: 0; */
  /* } */
  /* to { */
    /* margin-top: -15px; */
  /* } */
/* } */

@keyframes Bounce {
  0% {
    top: 4px;
  }
  50% {
    top: 6px;
  }
  100% {
    top: 4px;
  }
}

@keyframes BounceLeft{
	0% {
	    left: 7px;
	  }
	  50% {
	    left: 9px;
	  }
	  100% {
	    left: 7px;
	  }
}

@keyframes BounceRight{
	0% {
	    right: 7px;
	  }
	  50% {
	    right: 9px;
	  }
	  100% {
	    right: 7px;
	  }
}

/* @keyframes CloudAppearsLarge{ */
	/* 0% { */
    	/* opacity:0; */
    	/* top:15vh; */
  	/* } */
	/* 100% { */
		/* opacity: 1; */
		/* top:17vh; */
	/* } */
/* } */
@keyframes CloudAppearsLarge-2{
	0% {
		opacity:0;
		top:-7vh;
	}
	100% {
		opacity: 1;
		top:0;
	}
}

@keyframes CloudAppearsSmallRight{
	0% {
    	opacity:0;
    	top:40vh;
  	}
  	50% {
    	opacity:0;
    	top:40vh;
  	}
	100% {
		opacity: 1;
		top:42vh;
	}
}
@keyframes CloudAppearsSmallLeft{
	0% {
    	opacity:0;
    	top:43vh;
  	}
  	50% {
    	opacity:0;
    	top:43vh;
  	}
	100% {
		opacity: 1;
		top: 45vh;
	}
}

@keyframes StarFall{
	0% {
    	top:-999px;
  	}
  	30% {
    	top:-10.5vh;
  	}
  	40%{
  		top: -10vh;
  	}
  	50%{
  		top:-10.5vh;
  	}
  	60%{
  		top:-9vh;
  	}
	70% {
		top: -10vh;
	}
}
@keyframes BubbleAppear{
	0%{
		opacity:0;
	}
	90%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes Confetti{
	0%{
		opacity:0;
		top:-50px;
	}
	100%{
		top:0;
		opacity:1;
	}
}

@keyframes from-down{
	0%{
		opacity:0;
		bottom:-100px;
	}
	100%{
		opacity:1;
		bottom:42px;
	}
}

@keyframes fade-in{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}