body {
  margin: 0;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

#loading-bg {
  padding-block: 25rem;
}

.loading-logo {
  position: absolute;
  animation: bounce-logo 2s linear infinite;
  inset-block-start: 50%; /* Center vertically */
  inset-inline-start: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Adjust the position based on the element's own size */
}

@keyframes bounce-logo {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    transform: translate(-50%, -60%) scale(1.1);
  }
}