body {
  opacity: 0;
 }

 body::after {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;
  z-index: 9;
  pointer-events: none;
  opacity: 0;
  /* -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease; */
}

.fadein {
	animation: fadein 2s forwards;
}

.fadeout {
	animation: fadeout 2s forwards;
}


@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

@keyframes fadeout {
	0% {opacity: 1}
	100% {opacity: 0}
}

/* body.fadeout::after {
  opacity: 1;
}

body.fadeout article{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
} */