@charset "UTF-8";
/* CSS Document */

.crossfade > figure {
	animation: imageAnimation 36s linear infinite 0s;
	backface-visibility: hidden;
	color: transparent;
	opacity: 0;
	width: 100%;
	position: fixed;
	background-color: rgba(0,0,0,1.00);
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	height: 100%;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin-bottom: auto;
}

.crossfade > figure:nth-child(1) {
  background-image: url("../images/W-LB/W-LB-oldknight-bg.jpg");
}

.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url("../images/W-LB/W-LB-youngknight-bg.jpg");
}

.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url("../images/W-LB/W-LB-stream-bg.jpg");
}

.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url("../images/W-LB/W-LB-grotto-bg.jpg");
}

.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url("../images/W-LB/W-LB-netherworld-bg.jpg");
}

.crossfade > figure:nth-child(6) {
  animation-delay: 30s;
  background-image: url("../images/W-LB/W-LB-navigator-bg.jpg");
}

@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1
}
 25% {
 opacity: 0
}
 100% {
 opacity: 0
}
}