@-webkit-keyframes fogDisappear {
	from {
		background-color: black;
	}

	to {
		background-color: #00000000;
	}
}

@keyframes fogDisappear {
	from {
		background-color: black;
	}

	to {
		background-color: #00000000;
	}
}

@-webkit-keyframes fogAppear {
	from {
		background-color: #00000000;
	}

	to {
		background-color: black;
	}
}

@keyframes fogAppear {
	from {
		background-color: #00000000;
	}

	to {
		background-color: black;
	}
}

#fog {
	position: absolute;

	top: 0;
	left: 0;

	width: 100vw;
	height: 100vh;

	z-index: 10000;

	background-color: black;
}

.fogDisappear {
	-webkit-animation: fogDisappear 500ms linear 1;
	-moz-animation: fogDisappear 500ms linear 1;
	-ms-animation: fogDisappear 500ms linear 1;
	-o-animation: fogDisappear 500ms linear 1;
	animation: fogDisappear 500ms linear 1;
	animation-fill-mode: forwards;

	pointer-events: none;
}

.fogAppear {
	-webkit-animation: fogAppear 500ms linear 1;
	-moz-animation: fogAppear 500ms linear 1;
	-ms-animation: fogAppear 500ms linear 1;
	-o-animation: fogAppear 500ms linear 1;
	animation: fogAppear 500ms linear 1;
	animation-fill-mode: forwards;

	pointer-events: all;
}