#bgimage {
	-webkit-animation: fade-in 1s steps(6, end) 0.1s both;
	        animation: fade-in 1s steps(6, end) 0.1s both;
}

.title {
	-webkit-animation: fade-in 1s steps(6, end) 1.4s both;
	        animation: fade-in 1s steps(6, end) 1.4s both;
}

.titlebg {
	-webkit-animation: fade-in 1s steps(6, end) 1.5s both;
	        animation: fade-in 1s steps(6, end) 1.5s both;
}

.home {
	-webkit-animation: fade-in 0.5s steps(6, end) 2.8s both;
	        animation: fade-in 0.5s steps(6, end) 2.8s both;
}

.about {
	-webkit-animation: fade-in 0.5s steps(6, end) 3.2s both;
	        animation: fade-in 0.5s steps(6, end) 3.2s both;
}

.gallery {
	-webkit-animation: fade-in 0.5s steps(6, end) 3.6s both;
	        animation: fade-in 0.5s steps(6, end) 3.6s both;
}

.characters {
	-webkit-animation: fade-in 0.5s steps(6, end) 4s both;
	        animation: fade-in 0.5s steps(6, end) 4s both;
}

.extras {
	-webkit-animation: fade-in 0.5s steps(6, end) 4.4s both;
	        animation: fade-in 0.5s steps(6, end) 4.4s both;
}

.outer {
	-webkit-animation: fade-in 0.5s steps(6, end) 4.8s both;
	        animation: fade-in 0.5s steps(6, end) 4.8s both;
}


.back {
	-webkit-animation: fade-in 0.5s steps(6, end) 5.4s both;
	        animation: fade-in 0.5s steps(6, end) 5.4s both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes fade-in-back {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes fade-in-back {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}