.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-5vh); /* Moves the content up by 10% of the viewport height */
}
.indicator {
    width: 240px;
    height: 240px;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 400ms ease-in;  /* Increased duration to 2 seconds */
}