/*
 * StyleName:		keyframes.css
 * Email:		trung.styles@gmail.com
 *
 */

@keyframes about-mask {
	0%,
	100% {
		transform: scaleX(0);
		-moz-transform: scaleX(0);
		-webkit-transform: scaleX(0);
	}
	40%,
	60% {
		transform: scaleX(1);
		-moz-transform: scaleX(1);
		-webkit-transform: scaleX(1);
	}
}
@keyframes about-shake {
	0%,
	50%,
	100% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-10deg);
	}
	75% {
		transform: rotate(10deg);
	}
}
@-webkit-keyframes about-me {
	0% {
		-webkit-transform: translate(0, 1500px);
	}
	20% {
		-webkit-transform: translate(0, 65px);
	}
	25%,
	65%,
	75% {
		-webkit-transform: translate(0, 85px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
@-webkit-keyframes about-living {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes developer-visible {
	0% {
		-webkit-transform: translate(0, 1500px);
	}
	20% {
		-webkit-transform: translate(0, -50px);
	}
	100% {
		-webkit-transform: translate(0, 0);
	}
}
@keyframes about-nav {
	0% {
		opacity: 0;
		transform: translateY(50%);
		visibility: hidden;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}
}


@keyframes humanPulse {
	0%,
	100% {
		opacity: 1;
		box-shadow:
			0 0 0 0 rgba(255, 255, 255, .2),
			0 0 0 0 rgba(255, 255, 255, .2),
			0 0 0 0 rgba(255, 255, 255, .2);
	}
	50% {
		opacity: 1;
		box-shadow:
			0 0 0 15px rgba(255, 255, 255, .25),
			0 0 0 45px rgba(255, 255, 255, .25),
			0 0 0 80px rgba(255, 255, 255, .25);
	}
}



@-webkit-keyframes developer-html5 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(180deg) translate(18em) rotate(180deg);
		-moz-transform: scale(1) rotate(180deg) translate(18em) rotate(180deg);
		-webkit-transform: scale(1) rotate(180deg) translate(18em) rotate(180deg);
	}
}
@-webkit-keyframes developer-css3 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(220deg) translate(18em) rotate(-220deg);
		-moz-transform: scale(1) rotate(220deg) translate(18em) rotate(-220deg);
		-webkit-transform: scale(1) rotate(220deg) translate(18em) rotate(-220deg);
	}
}
@-webkit-keyframes developer-js {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(260deg) translate(18em) rotate(-260deg);
		-moz-transform: scale(1) rotate(260deg) translate(18em) rotate(-260deg);
		-webkit-transform: scale(1) rotate(260deg) translate(18em) rotate(-260deg);
	}
}
@-webkit-keyframes developer-jquery {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(300deg) translate(18em) rotate(-300deg);
		-moz-transform: scale(1) rotate(300deg) translate(18em) rotate(-300deg);
		-webkit-transform: scale(1) rotate(300deg) translate(18em) rotate(-300deg);
	}
}
@-webkit-keyframes developer-ajax {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(340deg) translate(18em) rotate(-340deg);
		-moz-transform: scale(1) rotate(340deg) translate(18em) rotate(-340deg);
		-webkit-transform: scale(1) rotate(340deg) translate(18em) rotate(-340deg);
	}
}
@-webkit-keyframes developer-json {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(375deg) translate(18em) rotate(-375deg);
		-moz-transform: scale(1) rotate(375deg) translate(18em) rotate(-375deg);
		-webkit-transform: scale(1) rotate(375deg) translate(18em) rotate(-375deg);
	}
}
@-webkit-keyframes developer-php {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(420deg) translate(18em) rotate(-420deg);
		-moz-transform: scale(1) rotate(420deg) translate(18em) rotate(-420deg);
		-webkit-transform: scale(1) rotate(420deg) translate(18em) rotate(-420deg);
	}
}
@-webkit-keyframes developer-codeigniter {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(460deg) translate(18em) rotate(-460deg);
		-moz-transform: scale(1) rotate(460deg) translate(18em) rotate(-460deg);
		-webkit-transform: scale(1) rotate(460deg) translate(18em) rotate(-460deg);
	}
}
@-webkit-keyframes developer-mysql {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(495deg) translate(18em) rotate(-495deg);
		-moz-transform: scale(1) rotate(495deg) translate(18em) rotate(-495deg);
		-webkit-transform: scale(1) rotate(495deg) translate(18em) rotate(-495deg);
	}
}



/* max-width: 640px */
@-webkit-keyframes developer-w640-html5 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(180deg) translate(13em) rotate(180deg);
		-moz-transform: scale(1) rotate(180deg) translate(13em) rotate(180deg);
		-webkit-transform: scale(1) rotate(180deg) translate(13em) rotate(180deg);
	}
}
@-webkit-keyframes developer-w640-css3 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(220deg) translate(13em) rotate(-220deg);
		-moz-transform: scale(1) rotate(220deg) translate(13em) rotate(-220deg);
		-webkit-transform: scale(1) rotate(220deg) translate(13em) rotate(-220deg);
	}
}
@-webkit-keyframes developer-w640-js {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(260deg) translate(13em) rotate(-260deg);
		-moz-transform: scale(1) rotate(260deg) translate(13em) rotate(-260deg);
		-webkit-transform: scale(1) rotate(260deg) translate(13em) rotate(-260deg);
	}
}
@-webkit-keyframes developer-w640-jquery {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(300deg) translate(13em) rotate(-300deg);
		-moz-transform: scale(1) rotate(300deg) translate(13em) rotate(-300deg);
		-webkit-transform: scale(1) rotate(300deg) translate(13em) rotate(-300deg);
	}
}
@-webkit-keyframes developer-w640-ajax {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(340deg) translate(13em) rotate(-340deg);
		-moz-transform: scale(1) rotate(340deg) translate(13em) rotate(-340deg);
		-webkit-transform: scale(1) rotate(340deg) translate(13em) rotate(-340deg);
	}
}
@-webkit-keyframes developer-w640-json {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(375deg) translate(13em) rotate(-375deg);
		-moz-transform: scale(1) rotate(375deg) translate(13em) rotate(-375deg);
		-webkit-transform: scale(1) rotate(375deg) translate(13em) rotate(-375deg);
	}
}
@-webkit-keyframes developer-w640-php {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(420deg) translate(13em) rotate(-420deg);
		-moz-transform: scale(1) rotate(420deg) translate(13em) rotate(-420deg);
		-webkit-transform: scale(1) rotate(420deg) translate(13em) rotate(-420deg);
	}
}
@-webkit-keyframes developer-w640-codeigniter {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(460deg) translate(13em) rotate(-460deg);
		-moz-transform: scale(1) rotate(460deg) translate(13em) rotate(-460deg);
		-webkit-transform: scale(1) rotate(460deg) translate(13em) rotate(-460deg);
	}
}
@-webkit-keyframes developer-w640-mysql {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(495deg) translate(13em) rotate(-495deg);
		-moz-transform: scale(1) rotate(495deg) translate(13em) rotate(-495deg);
		-webkit-transform: scale(1) rotate(495deg) translate(13em) rotate(-495deg);
	}
}

/* max-width: 480px */
@-webkit-keyframes developer-w480-html5 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(180deg) translate(10em) rotate(180deg);
		-moz-transform: scale(1) rotate(180deg) translate(10em) rotate(180deg);
		-webkit-transform: scale(1) rotate(180deg) translate(10em) rotate(180deg);
	}
}
@-webkit-keyframes developer-w480-css3 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(220deg) translate(10em) rotate(-220deg);
		-moz-transform: scale(1) rotate(220deg) translate(10em) rotate(-220deg);
		-webkit-transform: scale(1) rotate(220deg) translate(10em) rotate(-220deg);
	}
}
@-webkit-keyframes developer-w480-js {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(260deg) translate(10em) rotate(-260deg);
		-moz-transform: scale(1) rotate(260deg) translate(10em) rotate(-260deg);
		-webkit-transform: scale(1) rotate(260deg) translate(10em) rotate(-260deg);
	}
}
@-webkit-keyframes developer-w480-jquery {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(300deg) translate(10em) rotate(-300deg);
		-moz-transform: scale(1) rotate(300deg) translate(10em) rotate(-300deg);
		-webkit-transform: scale(1) rotate(300deg) translate(10em) rotate(-300deg);
	}
}
@-webkit-keyframes developer-w480-ajax {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(340deg) translate(10em) rotate(-340deg);
		-moz-transform: scale(1) rotate(340deg) translate(10em) rotate(-340deg);
		-webkit-transform: scale(1) rotate(340deg) translate(10em) rotate(-340deg);
	}
}
@-webkit-keyframes developer-w480-json {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(375deg) translate(10em) rotate(-375deg);
		-moz-transform: scale(1) rotate(375deg) translate(10em) rotate(-375deg);
		-webkit-transform: scale(1) rotate(375deg) translate(10em) rotate(-375deg);
	}
}
@-webkit-keyframes developer-w480-php {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(420deg) translate(10em) rotate(-420deg);
		-moz-transform: scale(1) rotate(420deg) translate(10em) rotate(-420deg);
		-webkit-transform: scale(1) rotate(420deg) translate(10em) rotate(-420deg);
	}
}
@-webkit-keyframes developer-w480-codeigniter {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(460deg) translate(10em) rotate(-460deg);
		-moz-transform: scale(1) rotate(460deg) translate(10em) rotate(-460deg);
		-webkit-transform: scale(1) rotate(460deg) translate(10em) rotate(-460deg);
	}
}
@-webkit-keyframes developer-w480-mysql {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(495deg) translate(10em) rotate(-495deg);
		-moz-transform: scale(1) rotate(495deg) translate(10em) rotate(-495deg);
		-webkit-transform: scale(1) rotate(495deg) translate(10em) rotate(-495deg);
	}
}

/* max-width: 320px */
@-webkit-keyframes developer-w320-html5 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(180deg) translate(7em) rotate(180deg);
		-moz-transform: scale(1) rotate(180deg) translate(7em) rotate(180deg);
		-webkit-transform: scale(1) rotate(180deg) translate(7em) rotate(180deg);
	}
}
@-webkit-keyframes developer-w320-css3 {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(220deg) translate(7em) rotate(-220deg);
		-moz-transform: scale(1) rotate(220deg) translate(7em) rotate(-220deg);
		-webkit-transform: scale(1) rotate(220deg) translate(7em) rotate(-220deg);
	}
}
@-webkit-keyframes developer-w320-js {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(260deg) translate(7em) rotate(-260deg);
		-moz-transform: scale(1) rotate(260deg) translate(7em) rotate(-260deg);
		-webkit-transform: scale(1) rotate(260deg) translate(7em) rotate(-260deg);
	}
}
@-webkit-keyframes developer-w320-jquery {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(300deg) translate(7em) rotate(-300deg);
		-moz-transform: scale(1) rotate(300deg) translate(7em) rotate(-300deg);
		-webkit-transform: scale(1) rotate(300deg) translate(7em) rotate(-300deg);
	}
}
@-webkit-keyframes developer-w320-ajax {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(340deg) translate(7em) rotate(-340deg);
		-moz-transform: scale(1) rotate(340deg) translate(7em) rotate(-340deg);
		-webkit-transform: scale(1) rotate(340deg) translate(7em) rotate(-340deg);
	}
}
@-webkit-keyframes developer-w320-json {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(375deg) translate(7em) rotate(-375deg);
		-moz-transform: scale(1) rotate(375deg) translate(7em) rotate(-375deg);
		-webkit-transform: scale(1) rotate(375deg) translate(7em) rotate(-375deg);
	}
}
@-webkit-keyframes developer-w320-php {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(420deg) translate(7em) rotate(-420deg);
		-moz-transform: scale(1) rotate(420deg) translate(7em) rotate(-420deg);
		-webkit-transform: scale(1) rotate(420deg) translate(7em) rotate(-420deg);
	}
}
@-webkit-keyframes developer-w320-codeigniter {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(460deg) translate(7em) rotate(-460deg);
		-moz-transform: scale(1) rotate(460deg) translate(7em) rotate(-460deg);
		-webkit-transform: scale(1) rotate(460deg) translate(7em) rotate(-460deg);
	}
}
@-webkit-keyframes developer-w320-mysql {
	0% {
		transform: scale(.1);
		-moz-transform: scale(.1);
		-webkit-transform: scale(.1);
	}
	100% {
		transform: scale(1) rotate(495deg) translate(7em) rotate(-495deg);
		-moz-transform: scale(1) rotate(495deg) translate(7em) rotate(-495deg);
		-webkit-transform: scale(1) rotate(495deg) translate(7em) rotate(-495deg);
	}
}



@keyframes splash-screen {
	to {
		background-position: 200%;
	}
}
@-moz-keyframes splash-screen {
	to {
		background-position: 200%;
	}
}
@-webkit-keyframes splash-screen {
	to {
		background-position: 200%;
	}
}