@keyframes load {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes blur {
  0%   {filter: blur(0px);}
  100% {filter: blur(5px);}
}
@keyframes blur2 {
  0%   {filter: blur(5px);}
  100% {filter: blur(0px);}
}

#animate-bg{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	filter: blur(0px);
  	position: fixed;
  	width: 100%;
  	height: 100vh;
  	z-index: -1;
  	object-fit: cover;
}
.load-bg{
  	animation: load 0.4s ease-in-out 0s 1 normal forwards;
}
.blur-normal{
	animation: blur 1s ease-in-out 0s 1 normal forwards;
}
.blur-reverse{
	animation:blur2 1s ease-in-out 0s 1 normal forwards;
}