/* styles.css */

/* CSS for the loading section */
.loading-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black; /* Set the background color to black */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Ensure it's above other elements */
}

/* CSS for the loading bar */
.loading-bar {
  width: 80%; /* Adjust the width of the loading bar */
  height: 4px; /* Height of the loading bar */
  background-color: #0077ff; /* Loading bar color */
}

/* CSS for the loading text */
.loading-text {
  margin-top: 10px; /* Adjust the top margin of the text */
  font-size: 16px;
  color: white; /* Text color */
  position: relative; /* Relative positioning for the GIF image */
}

/* CSS for the loading GIF image */
.loading-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Center the image within the loading bar */
}