@charset "utf-8";

body::before {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	/* padding-bottom: 108px; */
	content: "";
	z-index: -1;
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
	-webkit-animation-duration:3s;
			animation-duration:3s;
	-webkit-animation-name: bgsfade;
			animation-name: bgsfade;
}
body::after {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* padding-bottom: 108px; */
	content: "";
	z-index: -2;
	-webkit-animation-fill-mode:both;
			animation-fill-mode:both;
	-webkit-animation-duration:2s;
			animation-duration:2s;
	-webkit-animation-name: bgsfade;
			animation-name: bgsfade;
}

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

@keyframes bgsfade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}