body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2; /* Background color for the entire page */
  }
  
  .container {
    text-align: center;
    margin-top: 70px; /* Adjust the margin as needed */
  }
  
  .top-image {
    max-width: 78%; /* Ensure the image doesn't exceed container width */
    margin-bottom: 20px; /* Add some space between the image and the content */
  }
  
  h1 {
    color: #f5ecec;
  }
  
  p {
     color: #f5ecec;

  }
  
  a {
      color:#f5ecec
  }
  
  .loading-bar {
    width: 50%;
    height: 4px; /* Height of the loading bar */
    background-color: #ddd; /* Background color of the loading bar */
    border-radius: 2px; /* Rounded corners */
    margin: 20px auto; /* Center the loading line horizontally with top and bottom margin */
    overflow: hidden; /* Hide overflowing content */
  }
  

  /* Background styling */
  .background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('img/bg.jpg'); /* Replace 'your-background-image.jpg' with your image file */
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0.9; /* Adjust the opacity as needed */
  }