body::before {
  content: '';
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.94);
  z-index: 9999;
  pointer-events: none;
  right: 100%;
  -webkit-transition: right 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: right 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body::after {
  content: '';
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.98);
  z-index: 9999;
  pointer-events: none;
  left: 100%;
  -webkit-transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
body.fadeout::before {
  right: 0;
  margin-top: 0;
}
body.fadeout-in::after {
 left: 0;
 margin-top: 0;
}
/*body.fadeout-in article{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
}*/