/*
 **********************
 ******** SPLASH STYLES
 **********************
 */

@keyframes header-entrance {
	0% { 
		transform: translate(0,-150px);
		opacity:0;
	}
	75% { 
		transform: translate(0,-150px);
		opacity: 0.75;
	}
	100% { 
		transform: translate(0,0);
		opacity: 1;
	}
}


.header-entrance { /* header entrance animation does nto occur if JS fails to load */
	animation-name: none; 
	animation-duration: 8s; 
	animation-timing-function: ease-out; 
}

@keyframes above-entrance {
	0% {
		transform: translate(0,-400px);
	}
	65%{
		transform: translate(0,50px);
	}
	70% {
		transform: translate(0,0px);
	}
	75% {
		transform: translate(0,25px);
	}
	80% {
		transform: translate(0,0px);
	}
	85% {
		transform: translate(0,15px);
	}
	90% {
		transform: translate(0,0px);
	}
	95% {
		transform: translate(0,5px);
	}
	100% {
		transform: translate(0,0);
	}
}
.above {
	animation: above-entrance 1.25s ease-in 0s;
}

@keyframes beyond-entrance {
	0% {
		transform: translate(0,800px);
		opacity: 0;
	}
	35% {
		transform: translate(0,600px);
		opacity: 0;
	}
	36% {
		transform: translate(0,600px);
		opacity: 1;
	}
	45% {
		transform: translate(0,250px);
	}
	55% {
		transform: translate(0,0px);
	}
	65% {
		transform: translate(0,-75px);
	}
	75% {
		transform: translate(0,-125px);
	}
	85% {
		transform: translate(0,-125px);
	}
	88% {
		transform: translate(0,0px);
	}
	90% {
		transform: translate(0,25px);
	}
	92% {
		transform: translate(0,0px);
	}
	94% {
		transform: translate(0,15px);
	}
	96% {
		transform: translate(0,0px);
	}
	98% {
		transform: translate(0,5px);
	}
	100% {
		transform: translate(0,0);
	}
}

.beyond {
	animation: beyond-entrance 5.5s linear;
}

@keyframes launch {
	0% {
		transform: translate(175px,800px) scale(2,2);
		opacity: 0;
	}
	35% {
		transform: translate(175px,600px) scale(2,2);
		opacity: 1;
	}
	36% {
		transform: translate(175px,600px) scale(2,2);
		opacity: 1;
	}
	45% {
		transform: translate(175px,250px) scale(2,2);
	}
	55% {
		transform: translate(175px,0px) scale(2,2);
	}
	65% {
		transform: translate(175px,-150px) scale(2,2);
	}
	75% {
		transform: translate(175px,-225px) scale(2,2);
	}
	85% {
		transform: translate(175px,-235px) scale(2,2);
		opacity: 1;
	}
	100% {
		transform: translate(175px,-1000px) scale(0.5,0.5);
		opacity: 0;
	}
}
.doodle02 {
	animation: launch 5.5s linear;
	transform: translate(175px,-1000px);
	opacity: 0;
}

.doodles {
	position: absolute;
	top: center;
	left: center;
	opacity: 0.5;
}


@keyframes splash-origin-b {
	0% { 
		transform: translate(150px, -175px);
		opacity: 0;
	}
	100% { 
		transform: translate(150px, -175px);
		opacity: 0;
	}
}



/*
 **********************
 ******** SPLASH B
 **********************
 */

@keyframes splash01 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(550px, -300px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash03 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(435px, -33px);
		opacity: 0.5;
	}
}
@keyframes splash04 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(164px, 234px);
		opacity: 0.5;
	}
}
@keyframes splash05 {
	0% {
		transform: translate(150px, -175px);
		opacity: 0.5;
	}
	100% {
		transform: translate(-385px, 95px);
		opacity: 0.5;
	}
}
@keyframes splash06 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-158px, 157px);
		opacity: 0.5;
	}
}
@keyframes splash07 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-673px, -242px);
		opacity: 0.5;
	}
}
@keyframes splash08 {
	0% {
		transform: translate(150px, -175px);
		opacity: 0.5;
	}
	100% {
		transform: translate(-562px, 0px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash09 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-262px, -152px);
		opacity: 0.5;
	}
}
@keyframes splash10 {
	0% {
		transform: translate(150px, -175px);
		opacity: 0.5;
	}
	100% {
		transform: translate(-212px, 102px);
		opacity: 0.5;
	}
}
@keyframes splash11 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-113px, -385px);
		opacity: 0.5;
	}
}
@keyframes splash12 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-466px, -335px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash13 {
	0% {
		transform: translate(150px, -175px);
		opacity: 0.5;
	}
	100% {
		transform: translate(-666px, 156px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash14 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(86px, 99px);
		opacity: 0.5;
	}
}
@keyframes splash15 { /* STAR */
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(7px, 244px);*/
		opacity: 0.5;
	}
}
@keyframes splash16 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(356px, 104px);
		opacity: 0.5;
	}
}
@keyframes splash17 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(207px, -398px);
		opacity: 0.5;
	}
}
@keyframes splash18 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(357px, -138px);
		opacity: 0.5;
	}
}
@keyframes splash19 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-355px, -398px);
		opacity: 0.5;
	}
}
@keyframes splash20 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-45px, -228px);
		opacity: 0.5;
	}
}
@keyframes splash21 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(526px, 133px);
		opacity: 0.5;
	}
}
@keyframes splash22 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-256px, -303px);
		opacity: 0.5;
	}
}
@keyframes splash23 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(156px, -133px);
		opacity: 0.5;
	}
}
@keyframes splash24 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(326px, -133px);
		opacity: 0.5;
	}
}
@keyframes splash25 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(352px, -273px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash26 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-427px, -93px);
		opacity: 0.5;
	}
}
@keyframes splash27 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-457px, 103px);
		opacity: 0.5;
	}
}
@keyframes splash28 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-23px, 93px);
		opacity: 0.5;
	}
}
@keyframes splash29 { /* STAR */
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(-523px, -93px);*/
		opacity: 0.5;
	}
}
@keyframes splash30 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-291px, 259px);
		opacity: 0.5;
	}
}
@keyframes splash31 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(281px, 164px);
		opacity: 0.5;
	}
}
@keyframes splash32 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-745px, -98px);
		opacity: 0.5;
	}
}
@keyframes splash33 { /* STAR */
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(500px, -180px);*/
		opacity: 0.5;
	}
}
@keyframes splash34 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(570px, -170px);
		opacity: 0.5;
	}
}
@keyframes splash35 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-400px, -191px);
		opacity: 0.5;
	}
}
@keyframes splash36 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(386px, 221px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash37 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(602px, 111px) scale(1.5,1.5);
		opacity: 0.5;
	}
}
@keyframes splash38 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(50px, -181px);
		opacity: 0.5;
	}
}
@keyframes splash39 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(150px, -241px) scale(2.25,2.25);
		opacity: 0.5;
	}
}
@keyframes splash40 {
	0% {
		transform: translate(150px, -175px);
		opacity: 1;
	}
	100% {
		transform: translate(-520px, 111px);
		opacity: 0.5;
	}
}
@keyframes splash44 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(-180px,-230px);*/
		opacity: 0.5;
	}
}
@keyframes splash45 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(620px,-90px) scale(5,5);*/
		opacity: 0.5;
	}
}
@keyframes splash46 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(-470px,325px) scale(4,4);*/
		opacity: 0.5;
	}
}
@keyframes splash47 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(-250px,100px) scale(0.75,0.75);*/
		opacity: 0.5;
	}
}
@keyframes splash48 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(-650px,-350px) scale(2,2);*/
		opacity: 0.5;
	}
}
@keyframes splash49 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(325px,-350px) scale(1.5,1.5);*/
		opacity: 0.5;
	}
}
@keyframes splash50 {
	0% {
/*		transform: translate(150px, -175px);*/
		opacity: 0;
	}
	100% {
/*		transform: translate(-725px,100px) scale(1.5,1.5);*/
		opacity: 0.5;
	}
}

/*
 **********************
 ******** PULSING
 **********************
 */

@keyframes pulsing-1 {
  from {
    transform: translate(7px, 244px) scale(1, 1);
    opacity: 0.5;
  }
  50% {
    transform: translate(7px, 244px) scale(1.5, 1.5);
    opacity: 1;
  }
  to {
    transform:  translate(7px, 244px) scale(1, 1);
    opacity: 0.5;
  }
}

@keyframes pulsing-2 {
  from {
    transform: translate(-523px, -93px) scale(1, 1);
    opacity: 0.5;
  }
  50% {
    transform: translate(-523px, -93px) scale(1.5, 1.5);
    opacity: 1;
  }
  to {
    transform: translate(-523px, -93px) scale(1, 1);
    opacity: 0.5;
  }
}

@keyframes pulsing-3 {
  from {
    transform: translate(500px, -180px) scale(1, 1);
    opacity: 0.5;
  }
  50% {
    transform: translate(500px, -180px) scale(1.5, 1.5);
    opacity: 1;
  }
  to {
    transform: translate(500px, -180px) scale(1, 1);
    opacity: 0.5;
  }
}
@keyframes pulsing-4 {
  from {
    transform: translate(-180px,-230px) scale(1, 1);
    opacity: 0.5;
  }
  50% {
    transform: translate(-180px,-230px) scale(1.5, 1.5);
    opacity: 1;
  }
  to {
    transform: translate(-180px,-230px) scale(1, 1);
    opacity: 0.5;
  }
}
@keyframes pulsing-5 {
  from {
    transform: translate(620px,-90px) scale(4, 4);
    opacity: 0.5;
  }
  50% {
    transform: translate(620px,-90px) scale(5.5, 5.5);
    opacity: 1;
  }
  to {
    transform: translate(620px,-90px) scale(4, 4);
    opacity: 0.5;
  }
}
@keyframes pulsing-6 {
  from {
    transform: translate(-470px,325px) scale(3.5,3.5);
    opacity: 0.5;
  }
  50% {
    transform: translate(-470px,325px) scale(4.5,4.5);
    opacity: 1;
  }
  to {
    transform: translate(-470px,325px) scale(3.5,3.5);
    opacity: 0.5;
  }
}
@keyframes pulsing-7 {
  from {
    transform: translate(-250px,100px) scale(0.75,0.75);
    opacity: 0.5;
  }
  50% {
    transform: translate(-250px,100px) scale(1,1);
    opacity: 1;
  }
  to {
    transform: translate(-250px,100px) scale(0.75,0.75);
    opacity: 0.5;
  }
}
@keyframes pulsing-8 {
  from {
    transform: translate(-650px,-350px) scale(1.75,1.75);
    opacity: 0.5;
  }
  50% {
    transform: translate(-650px,-350px) scale(2.5,2.5);
    opacity: 1;
  }
  to {
    transform: translate(-650px,-350px) scale(1.75,1.75);
    opacity: 0.5;
  }
}
@keyframes pulsing-9 {
  from {
	transform: translate(325px,-350px) scale(1.25,1.25);
    opacity: 0.5;
  }
  50% {
    transform: translate(325px,-350px) scale(1.5,1.5);
    opacity: 1;
  }
  to {
    transform: translate(325px,-350px) scale(1.25,1.25);
    opacity: 0.5;
  }
}
@keyframes pulsing-10 {
  from {
    transform: translate(-725px,100px) scale(1.25,1.25);
    opacity: 0.5;
  }
  50% {
    transform: translate(-725px,100px) scale(1.75,1.75);
    opacity: 1;
  }
  to {
    transform: translate(-725px,100px) scale(1.25,1.25);
    opacity: 0.5;
  }
}



/*
 **********************
 ******** SPLASH B
 **********************
 */

.doodle01 {
		transform: translate(550px, -300px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash01;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle03 {
		transform: translate(435px, -33px);
	animation-name: splash-origin-b, splash03;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle04 {
		transform: translate(164px, 234px);
	animation-name: splash-origin-b, splash04;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle05 {
		transform: translate(-385px, 95px);
	animation-name: splash-origin-b, splash05;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle06 {
		transform: translate(-158px, 157px);
	animation-name: splash-origin-b, splash06;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle07 {
		transform: translate(-673px, -242px);
	animation-name: splash-origin-b, splash07;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle08 {
		transform: translate(-562px, 0px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash08;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle09 {
		transform: translate(-262px, -152px);
	animation-name: splash-origin-b, splash09;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle10 {
		transform: translate(-212px, 102px);
	animation-name: splash-origin-b, splash10;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle11 {
		transform: translate(-113px, -385px);
	animation-name: splash-origin-b, splash11;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle12 {
		transform: translate(-466px, -335px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash12;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle13 {
		transform: translate(-666px, 156px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash13;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle14 {
		transform: translate(86px, 99px);
	animation-name: splash-origin-b, splash14;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle15 {
		transform: translate(7px, 244px);
	animation-name: splash-origin-b, splash15, pulsing-1;
	animation-duration: 4.6s, 1.2s, 3s;
	animation-delay: 0s, 4.6s, 5.8s;
	animation-iteration-count: 1, 1, infinite;

}
.doodle16 {
		transform: translate(356px, 104px);
	animation-name: splash-origin-b, splash16;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle17 {
		transform: translate(207px, -398px);
	animation-name: splash-origin-b, splash17;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle18 {
		transform: translate(357px, -138px);
	animation-name: splash-origin-b, splash18;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle19 {
		transform: translate(-355px, -398px);
	animation-name: splash-origin-b, splash19;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle20 {
		transform: translate(-45px, -228px);
	animation-name: splash-origin-b, splash20;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle21 {
		transform: translate(526px, 133px);
	animation-name: splash-origin-b, splash21;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle22 {
		transform: translate(-256px, -303px);
	animation-name: splash-origin-b, splash22;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle23 {
		transform: translate(156px, -133px);
	animation-name: splash-origin-b, splash23;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle24 {
		transform: translate(326px, -133px);
	animation-name: splash-origin-b, splash24;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle25 {
		transform: translate(352px, -273px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash25;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle26 {
		transform: translate(-427px, -93px);
	animation-name: splash-origin-b, splash26;
		animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle27 {
		transform: translate(-457px, 103px);
	animation-name: splash-origin-b, splash27;
		animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
/*.doodle28 {
		transform: translate(-23px, 93px);
	animation-name: splash-origin-b, splash28;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}*/
.doodle29 {
		transform: translate(-523px, -93px);
	animation-name: splash-origin-b, splash29, pulsing-2;
	animation-duration: 4.6s, 1.2s, 2.5s;
	animation-delay: 0s, 4.6s, 5.8s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle30 {
		transform: translate(-291px, 259px);
	animation-name: splash-origin-b, splash30;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle31 {
		transform: translate(281px, 164px);
	animation-name: splash-origin-b, splash31;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle32 {
		transform: translate(-745px, -98px);
	animation-name: splash-origin-b, splash32;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle33 {
		transform: translate(500px, -180px);
	animation-name: splash-origin-b, splash33, pulsing-3;
	animation-duration: 4.6s, 1.2s, 3.2s;
	animation-delay: 0s, 4.6s, 5.8s;
	animation-iteration-count: 1, 1, infinite;
}
/*.doodle34 {
		transform: translate(570px, -170px);
	animation-name: splash-origin-b, splash34;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}*/
.doodle35 {
		transform: translate(-400px, -191px);
	animation-name: splash-origin-b, splash35;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle36 {
		transform: translate(386px, 221px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash36;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle37 {
		transform: translate(602px, 111px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash37;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle38 {
		transform: translate(50px, -181px);
	animation-name: splash-origin-b, splash38;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
.doodle39 {
		transform: translate(150px, -241px) scale(2.25,2.25);
	animation-name: splash-origin-b, splash39;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}
/*.doodle40 {
		transform: translate(-520px, 111px);
	animation-name: splash-origin-b, splash40;
	animation-duration: 4.6s, 1.2s;
	animation-delay: 0s, 4.6s;
}*/
.doodle44 {
		transform: translate(-180px,-230px);
	animation-name: splash-origin-b, splash44, pulsing-4;
	animation-duration: 4.6s, 1.2s, 2s;
	animation-delay: 0s, 4.6s, 6s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle45 {
		transform: translate(620px,-90px) scale(5,5);
	animation-name: splash-origin-b, splash45, pulsing-5;
	animation-duration: 4.6s, 1.2s, 4s;
	animation-delay: 0s, 4.6s, 5.8s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle46 {
		transform: translate(-470px,325px) scale(4,4);
	animation-name: splash-origin-b, splash46, pulsing-6;
	animation-duration: 4.6s, 1.2s, 3.2s;
	animation-delay: 0s, 4.6s, 6.1s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle47 {
		transform: translate(-250px,100px) scale(0.75,0.75);
	animation-name: splash-origin-b, splash47, pulsing-7;
	animation-duration: 4.6s, 1.2s, 1.25s;
	animation-delay: 0s, 4.6s, 6s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle48 {
		transform: translate(-650px,-350px) scale(2,2);
	animation-name: splash-origin-b, splash48, pulsing-8;
	animation-duration: 4.6s, 1.2s, 2s;
	animation-delay: 0s, 4.6s, 7s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle49 {
		transform: translate(325px,-350px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash49, pulsing-9;
	animation-duration: 4.6s, 1.2s, 2.5s;
	animation-delay: 0s, 4.6s, 6s;
	animation-iteration-count: 1, 1, infinite;
}
.doodle50 {
		transform: translate(-725px,100px) scale(1.5,1.5);
	animation-name: splash-origin-b, splash50, pulsing-10;
	animation-duration: 4.6s, 1.2s, 2.8s;
	animation-delay: 0s, 4.6s, 5.8s;
	animation-iteration-count: 1, 1, infinite;
}



/*
 **********************
 ******* MEDIA QUERIES
 **********************
 */

@media only screen and (max-width: 900px) {
		
		.above,
		.beyond,
		.doodle02,
		.doodle01, 
		.doodle03,
		.doodle04,
		.doodle05,
		.doodle06,
		.doodle07,
		.doodle08,
		.doodle09,
		.doodle10,
		.doodle11,
		.doodle12,
		.doodle13,
		.doodle14,
		.doodle15,
		.doodle16,
		.doodle17,
		.doodle18,
		.doodle19,
		.doodle20,
		.doodle21,
		.doodle22,
		.doodle23,
		.doodle24,
		.doodle25,
		.doodle26,
		.doodle27,
		.doodle29,
		.doodle30,
		.doodle31,
		.doodle32,
		.doodle33,
		.doodle35,
		.doodle36,
		.doodle37,
		.doodle38,
		.doodle39,
		.doodle44,
		.doodle45,
		.doodle46,
		.doodle47,
		.doodle48,
		.doodle49,
		.doodle50 {
			animation-name: none;
		}
	
}