@import url("https://fonts.googleapis.com/css?family=Metal+Mania");

.band span {
	position: absolute;
	font-weight: bold;
	font-size: 80px;
	font-family: Metal Mania;
	white-space: nowrap;
	text-shadow: 
		-2px  0px 0 #fff,
		 2px  0px 0 #fff,
		 0px -2px 0 #fff,
		 0px  2px 0 #fff,
		 2px  2px 0 #fff,
		-2px  2px 0 #fff,
		 2px -2px 0 #fff,
		-2px -2px 0 #fff;
}

.band .a {
	left: 50%;
	top: 50px;
	transform: translate(-50%, 0);
}

.band .b {
	left: 50%;
	bottom: 150px;
	transform: translate(-50%, 0);
}

.band .c {
	left: 50%;
	bottom: 10px;
	font-size: 100px;
	transform: translate(-50%, 0);
	color: #f00;
	
}

.current .band .a { transition: all 2s 0s; }
.current .band .b { transition: all 2s 2s; }
.current .band .c { transition: all 2s 4s; }

.slide:not(.current) .band .a { transform: translate(-50%, -200%); }
.slide:not(.current) .band .b { opacity: 0; }
.slide:not(.current) .band .c { transform: translate(-50%, 0) scale(0.0001, 1); }