#roomname{
	-webkit-animation-name:NameArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	animation-name: NameArea;
	animation-fill-mode:backwards;
	animation-delay: 0.5s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@-webkit-keyframes NameArea {
	0% {-webkit-opacity:0;
		-webkit-transform: translateY(10px);
	}
	75% {-webkit-opacity:0.75;
		-webkit-transform: translateY(-1px);
	}
	100% {-webkit-opacity:1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes NameArea {
	0% {opacity:0;
		transform: translateY(10px);
	}
	75% {opacity:0.75;
		transform: translateY(-1px);
	}
	100% {opacity:1;
		transform: translateY(0px);
	}
}
#wrapper{
	-webkit-animation-name: WrapArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	animation-name: WrapArea;
	animation-fill-mode:backwards;
	animation-delay: 0.5s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@-webkit-keyframes WrapArea {
	0% {-webkit-opacity:0;
		-webkit-transform: translateY(-10px);
	}
	75% {-webkit-opacity:0.75;
		-webkit-transform: translateY(1px);
	}
	100% {-webkit-opacity:1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes WrapArea {
	0% {opacity:0;
		transform: translateY(-10px);
	}
	75% {opacity:0.75;
		transform: translateY(1px);
	}
	100% {opacity:1;
		transform: translateY(0px);
	}
}
#header{
	-webkit-animation-name:HeaderArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	animation-name: HeaderArea;
	animation-fill-mode:backwards;
	animation-delay: 0.1s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@-webkit-keyframes HeaderArea {
	0% {-webkit-opacity:0;
		-webkit-transform: translateY(-55px);
	}
	100% {-webkit-opacity:1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes HeaderArea {
	0% {opacity:0;
		transform: translateY(-55px);
	}
	100% {opacity:1;
		transform: translateY(0px);
	}
}
#footer{
	-webkit-animation-name: FooterArea;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.1s;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	animation-name: FooterArea;
	animation-fill-mode:backwards;
	animation-delay: 0.1s;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}
@-webkit-keyframes FooterArea {
	0% {-webkit-opacity:0;
		-webkit-transform: translateY(65px);
	}
	100% {-webkit-opacity:1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes FooterArea {
	0% {opacity:0;
		transform: translateY(65px);
	}
	100% {opacity:1;
		transform: translateY(0px);
	}
}