/* OPENING STATE */
body.OPENING header {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

body.OPENING .projects {
	display: none;
}
body.OPENING .items {
	display: none;
}
body.OPENING .anykey {
	display: block;
	-webkit-animation: blink 1s infinite alternate;
	-moz-animation: blink 1s infinite alternate;
	-o-animation: blink 1s infinite alternate;
	animation: blink 1s infinite alternate;
}


/* START STATE */
body.START header {
	position: relative;
	top: 0%;
	transform: translateY(0);
}
body.START .projects {
	display: inline-block;
	-webkit-animation: move-in 1s 1;
	-moz-animation: move-in 1s 1;
	-o-animation: move-in 1s 1;
	animation: move-in 1s 1;
}
body.START .items {
	display: inline-block;
}


/* animations */
@-webkit-keyframes blink {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes blink {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-o-keyframes blink {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes blink {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes move-in {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}
@-moz-keyframes move-in {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}
@-o-keyframes move-in {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}
@keyframes move-in {
	from { transform: translateY(100%); }
	to { transform: translateY(0); }
}