@keyframes logo-glow {
	0% { box-shadow: 0px 5px 50px rgba(255, 255, 255, 0); }
	25% { box-shadow: 0px 10px 250px rgba(255, 255, 255, 1); }
	100% { box-shadow: 0px 5px 50px rgba(241, 90, 34, 0.25); }
}

@keyframes tile-highlight {
	0% { background-color: rgba(0, 0, 0, 0.25); box-shadow:0; transform:translateY(0); }
	0.5% { background-color: #41a3ff; box-shadow:0px 10px 50px rgba(0, 0, 0, .25); transform:translateY(-5px); }
	6% { background-color: #41a3ff; box-shadow:0px 10px 50px rgba(0, 0, 0, .25); transform:translateY(-5px); }
	6.5% { background-color: rgba(0, 0, 0, 0.25); box-shadow:0; transform:translateY(-0); }
	100% { background-color: rgba(0, 0, 0, 0.25); box-shadow:0; transform:translateY(-0); }
}

@keyframes spinner {
	0% { transform: rotateZ(0deg); }
	100% { transform: rotateZ(360deg); }
}

/* ROCKET ICON */

@keyframes rocket-move {
	0% { transform: translate(0px, 0px); }
	50% { transform: translate(-5px, -5px); }
	100% { transform: translate(0px, 0px); }
}

@keyframes rocket-blast {
	0% { transform-origin: 47% 47%; transform: scale(1, 1); }
	40% { transform-origin: 47% 47%; transform: scale(1.2, 1.2); }
	100% { transform-origin: 47% 47%; transform: scale(1, 1); }
}

@keyframes star-scroll {
	0% { transform: translate(0px, 0px); }
	100% { transform: translate(200px, 200px); }
}

@keyframes rocket-smoke {
	0% { transform: translate(0px, 0px); opacity: 0.25; }
	25% { opacity: 1; }
	100% { transform: translate(100px, 100px); opacity: .1; }
}

#rocket {animation:rocket-move 0.75s ease-in-out infinite; }
#blast {animation:rocket-blast 0.25s ease-in infinite; }
#stars {animation:star-scroll 1s linear infinite; }
#stars-2 {transform: translate(-200px, -200px); }
#smoke-static {display:none; }
#smoke-1 {animation:rocket-smoke .5s ease-out infinite; animation-delay:-0.1s; }
#smoke-2 {animation:rocket-smoke .6s ease-out infinite; animation-delay:-0.2s; }
#smoke-3 {animation:rocket-smoke .7s ease-out infinite; animation-delay:-0.3s; }
#smoke-4 {animation:rocket-smoke .5s ease-out infinite; animation-delay:-0.4s; }
#smoke-5 {animation:rocket-smoke .6s ease-out infinite; animation-delay:-0.5s; }
#smoke-6 {animation:rocket-smoke .7s ease-out infinite; animation-delay:-0.6s; }
#smoke-7 {animation:rocket-smoke .5s ease-out infinite; animation-delay:-0.7s; }
#smoke-8 {animation:rocket-smoke .6s ease-out infinite; animation-delay:-0.8s; }
#smoke-9 {animation:rocket-smoke .7s ease-out infinite; animation-delay:-0.9s; }
#smoke-10 {animation:rocket-smoke .5s ease-out infinite; animation-delay:-1s; }
#smoke-11 {animation:rocket-smoke .6s ease-out infinite; animation-delay:-1.1s; }
#smoke-12 {animation:rocket-smoke .7s ease-out infinite; animation-delay:-1.2s; }

/* MAGNIFYING GLASS ICON */

@keyframes unmag-move {
    0% { transform: translate(0px, 0px); }
    20% { transform: translate(-20px, 0px); }
    25% { transform: translate(-20px, 0px); }
    45% { transform: translate(-20px, -20px); }
    50% { transform: translate(-20px, -20px); }
    70% { transform: translate(0px, -20px); }
    75% { transform: translate(0px, -20px); }
    95% { transform: translate(0px, 0px); }
    100% { transform: translate(0px, 0px); }
}

@keyframes mag-move {
    0% { transform: translate(0px, 0px); }
    20% { transform: translate(-60px, 0px); }
    25% { transform: translate(-60px, 0px); }
    45% { transform: translate(-60px, -60px); }
    50% { transform: translate(-60px, -60px); }
    70% { transform: translate(0px, -60px); }
    75% { transform: translate(0px, -60px); }
    95% { transform: translate(0px, 0px); }
    100% { transform: translate(0px, 0px); }
}

#unmag-details {animation:unmag-move 5s linear infinite; }
#mag-details {animation:mag-move 5s linear infinite; }

/* ORBS ICON */

@keyframes orbs-big-rotation {
	0% { transform-origin:50% 50%; transform:rotate(0deg); }
	100% { transform-origin:50% 50%; transform:rotate(360deg); }
}

@keyframes orbs-small-rotation {
	0% { transform-origin:50% 50%; transform:rotate(-60deg) translateX(-10px); }
	50% { transform:rotate(60deg) translateX(10px); }
	100% { transform-origin:50% 50%; transform:rotate(-60deg) translateX(-10px); ; }
}

@keyframes orb-single-center {
	0% { transform-origin:50% 50%; transform:scale(1); }
	50% { transform-origin:50% 50%; transform:scale(2); }
	100% { transform-origin:50% 50%; transform:scale(1); }
}

@keyframes orb-single-wink {
	0% { transform-origin:50% 50%; transform:scale(1); opacity:1; }
	10% { transform-origin:50% 50%; transform:scale(1.25); opacity:1; }
	15% { transform-origin:50% 50%; transform:scale(.75); opacity:0; }
	75% { transform-origin:50% 50%; transform:scale(.9); opacity:0; }
	80% { transform-origin:50% 50%; transform:scale(1.1); opacity:1; }
	90% { transform-origin:50% 50%; transform:scale(.95); opacity:1; }
	0% { transform-origin:50% 50%; transform:scale(1); opacity:1; }
}

#orbs-big {animation:orbs-big-rotation 5s linear infinite; }
#orbs-small {animation:orbs-small-rotation 7s ease-in-out infinite; }
#orb-single-center {animation:orb-single-center 2s ease-in-out infinite; }
#orb-single-top {animation:orb-single-wink 4s ease-in-out infinite; }
#orb-single-left {animation:orb-single-wink 5s ease-in-out infinite; animation-delay:-1s; }
#orb-single-right {animation:orb-single-wink 6s ease-in-out infinite; animation-delay:-2s; }

/* HAPPY FRIENDS ICON */

@keyframes heart-rotation {
	0% { transform-origin:50% 50%; transform:rotate(0deg); opacity:1; }
	40% { opacity:0; }
	50% { transform-origin:50% 50%; transform:rotate(90deg); opacity:0; }
	60% { opacity:0; }
	100% { transform-origin:50% 50%; transform:rotate(180deg); opacity:1; }
}

@keyframes face-bump {
	0% { transform: translate(0px, 0px); }
	10% { transform: translate(0px, -15px); }
	20% { transform: translate(0px, 10px); }
	30% { transform: translate(0px, -6px); }
	40% { transform: translate(0px, 3px); }
	50% { transform: translate(0px, -2px); }
	60% { transform: translate(0px, 1px); }
	70% { transform: translate(0px, 0px); }
	100% { transform: translate(0px, 0px); }
}

#face-1 {animation:face-bump 3s ease-in-out infinite; animation-delay:-.2s; }
#face-2 {animation:face-bump 3s ease-in-out infinite; animation-delay:-.1s; }
#face-3 {animation:face-bump 3s ease-in-out infinite; animation-delay:0s; }
#hearts-1 {animation:heart-rotation 6s linear infinite; animation-delay:0s; }
#hearts-2 {animation:heart-rotation 6s linear infinite; animation-delay:-1s; }
#hearts-3 {animation:heart-rotation 6s linear infinite; animation-delay:-2s; }
#hearts-4 {animation:heart-rotation 6s linear infinite; animation-delay:-3s; }
#hearts-5 {animation:heart-rotation 6s linear infinite; animation-delay:-4s; }
#hearts-6 {animation:heart-rotation 6s linear infinite; animation-delay:-5s; }