#namerain {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
@keyframes falling {
	0% {
		transform: translateY(-50px);
		/*
		transform: translate3d(0px,-75px,0px) rotate(0.001deg);
		-o-transform: translate3d(0px,-75px,0px) rotate(0.001deg);
		-ms-transform: translate3d(0px,-75px,0px) rotate(0.001deg);
		-webkit-transform: translate3d(0px,-75px,0px) rotate(0.001deg);
		-moz-transform: translate3d(0px,-75px,0px) rotate(0.001deg); 
		*/	
	}
	100% {
		transform: translateY(105vh);
		/*
		transform: translate3d(0px,110vh,0px) rotate(0.001deg);
		-o-transform: translate3d(0px,110vh,0px) rotate(0.001deg);
		-ms-transform: translate3d(0px,110vh,0px) rotate(0.001deg);
		-webkit-transform: translate3d(0px,110vh,0px) rotate(0.001deg);
		-moz-transform: translate3d(0px,110vh,0px) rotate(0.001deg);
		*/
	}
}
.namerain__name {
	position: fixed;
	z-index: 1020;
	top: 0;
	left: 0;
	/*font-size: 34px;*/
	/* To fix overlapping words in chrome.  js -> offsetWidth is not working when
	display is not set to block */
	display: block;

	transform: translateY(-75px);
	/*transform: translate3d(0px,-75px,0px) rotate(0.001deg); */

	white-space: nowrap;
	cursor: pointer;
	padding: 10px;
	will-change: transform;
	-moz-will-change: transform;
	-o-will-change: transform;
	-webkit-will-change: transform;
	-ms-will-change: transform;

	-webkit-perspective: 1000;
}
/*
	transition-property: transform;
	transition-duration: 11s;
	transition-timing-function: ease-in;
}
.namerain__name--fast {
	transition-duration: 6s;
}
*/
/*.namerain__name--falling {*/
.nf {
	animation-name: falling;
	animation-delay: 0s;
	animation-duration: 13s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
/*.namerain__name--falling-fast {*/
.nff {
	animation-name: falling;
	animation-delay: 0s;
	animation-duration: 7s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}