@import url('https://fonts.googleapis.com/css?family=Anton|Roboto');

.word33 {
	font-family: 'Anton', sans-serif;
	perspective: 500px; 
	perspective-origin: 100px 20px;
}

.word33 span {
    cursor: pointer;
    display: inline-block;
	font-size: 100%;
    user-select: none;
    line-height: .8;
}

.word33 span:nth-child(1).active {
	animation: balance 1.5s ease-out;
	transform-origin: 0% 100% 0px;
	animation-iteration-count: 3;

	
}

@keyframes balance {
	0%, 100% {
		transform: rotate(0deg);
		
	}
	
	30%, 60% {
		transform: rotate(-45deg);
	}
}
@keyframes balance {
	0%, 100% {
		transform: rotate(0deg);
	}
	
	30%, 60% {
		transform: rotate(-45deg);
	}
	
}

.word33 span:nth-child(2).active {
	animation: shrinkjump 1s ease-in-out;
	transform-origin: bottom center;
	animation-iteration-count: 3;
	}



@keyframes shrinkjump {
	10%, 35% {
		transform: scale(2, .2) translate(0, 0);
	}
	
	45%, 50% {
		transform: scale(1) translate(0, -150px);
	}
	
	80% {
		transform: scale(1) translate(0, 0);
	}
	
}

.word33 span:nth-child(3).active {
	animation: falling 2s ease-out;
	transform-origin: bottom center;
	animation-iteration-count: 3;
}

@keyframes falling {
	12% {
		transform: rotateX(240deg);
	}
	
	24% {
		transform: rotateX(150deg);
	}
	
	36% {
		transform: rotateX(200deg);
	}
	
	48% {
		transform: rotateX(175deg);
	}
	
	60%, 85% {
		transform: rotateX(180deg);
	}
	
	100% {
		transform: rotateX(0deg);
	}
}

.word33 span:nth-child(4).active {
	animation: rotate 1s ease-out;
	animation-iteration-count: 3;
}

@keyframes rotate {
	20%, 80% {
		transform: rotateY(180deg);
	}
	
	100% {
		transform: rotateY(360deg);
	}
}

.word33 span:nth-child(5).active {
	animation: toplong 1.5s linear;
	animation-iteration-count: 3;
}

@keyframes toplong {
	10%, 40% {
		transform: translateY(-48vh) scaleY(1);
	}
	
	90% {
		transform: translateY(-48vh) scaleY(4);
	}
}

/* Other styles */
.body33 {
	color: #fff;
	display: flex;
	font-family: 'Roboto', sans-serif;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	
	margin: 0;
}