body{
	display: none;
}

.load {
  display: block;
  mask-composite: exclude;
  animation: transition ease-in-out 0.75s 0.75s reverse both;
  animation-delay:1s;
}

@keyframes hidepage {
  0% {
    mask-image:url(/assets/trans/13.png) 
  }
  100% {
    mask-image:url(/assets/trans/13.png) 
  }
}

@keyframes transition {
  0% {
    mask-image:url(/assets/trans/1.png) 
  }
  7.7% {
    mask-image:url(/assets/trans/2.png)
  }
  15.4% {
    mask-image:url(/assets/trans/3.png)
  }
  23.1% {
    mask-image:url(/assets/trans/4.png)
  }
  30.8% {
	mask-image:url(/assets/trans/5.png)
  }
  38.5% {
	mask-image:url(/assets/trans/6.png)
  }
  46.2% {
	mask-image:url(/assets/trans/7.png)  
}
  53.8% {
	mask-image:url(/assets/trans/8.png)  
}
  61.5% {
	mask-image:url(/assets/trans/9.png)
  }
  69.2% {
	mask-image:url(/assets/trans/10.png)  
}
  76.9% {
	mask-image:url(/assets/trans/11.png)  
}
  84.6% {
	mask-image:url(/assets/trans/12.png)
}
  100% {
	mask-image:url(/assets/trans/13.png)
}
}