html{
    overflow: hidden;
}

.zoom-in-out-element {
  animation: animatezoom-element 1.2s;
}
@keyframes animatezoom-element {
  0% {
    scale: 0;
  }
  100% {
    scale: 100%;
  }
}

.zoom-in-out {
  animation: animatezoom-out 2s;
}
@keyframes animatezoom-out {
  0% {
    scale: 0%;
  }
  50% {
    scale: 0%;
  }
  100% {
    scale: 100%;
  }
}

.zoom-in {
  animation: animatezoom-in 3.5s;
}
@keyframes animatezoom-in {
  0% {
    scale: 0%;
  }
  50% {
    scale: 0%;
  }
  100% {
    scale: 100%;
  }
}

.blur-fade {
  filter: blur(8px);
  opacity: 0;
  transition: filter 0.5s ease, opacity 0.5s ease;
}