.loading-overlay {
  position: fixed;
  z-index: 100000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E1CE91;
  animation: loading-effect 2s 1.5s;
  animation-fill-mode: forwards;
}

.loading-img {
  height: 40%;
  margin-top: -8em;
  animation: upper-scale-blur 1s 0.8s, slide-down 0.8s;
  animation-fill-mode: forwards;
}

@keyframes loading-effect {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    pointer-events: none;
  }
}

@keyframes slide-down {
  0% {}

  100% {
    margin-top: 0;
  }
}

@keyframes upper-scale-blur {
  0% {
    scale: 1;
  }

  100% {
    scale: 2;
    filter: blur(8px);
  }
}