header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}


   body {
      font-family: Arial, sans-serif;
      background-color: #2A2A2A;
      margin: 0;
      padding: 0;
    }

    header {
      background-color: #333333; /* Darker header/footer background */
      color: white;
      padding: 0;
      position: relative;
    }
   
   header {
    height: 80px; /* Fixed header height */
    overflow: hidden; /* Prevents content overflow */
    display: flex; /* Flexbox to center contents */
    align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering (if needed) */
   position: relative;
}

header img {
    width: auto; /* Maintain aspect ratio */
    height: 100%; /* Fill header height */
    object-fit: contain; /* Keep the logo proportionate */
   z-index: 0;
}
    
    h1 {
      margin: 0;
      text-align: center;
    }
								

    footer {
      text-align: center;
      padding: 10px;
      background-color: #333333; /* Darker header/footer background */
      color: white;
      position: fixed;
      bottom: 0;
      width: 100%;
    }
  

header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
  

header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
  @keyframes auraGlow {
    0% {
      box-shadow: 0 0 10px 2px #ffcc00;
    }
    50% {
      box-shadow: 0 0 20px 10px #ffcc00;
    }
    100% {
      box-shadow: 0 0 10px 2px #ffcc00;
    }
  }

  .aura-effect {
    animation: auraGlow 1.5s infinite; /* Continuous glowing effect */
  }

header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
  body {
    background-color: #1A1A1A; /* Dark background */
    color: #F1F1F1; /* Light gray text color for better contrast */
  }

  header {
    background-color: rgba(0, 0, 0, 0.8); /* Dark transparent header */
  }

  footer {
    background-color: rgba(0, 0, 0, 0.8); /* Dark transparent footer */
  }

  .container {
    background-color: #2C2C2C; /* Darker container background */ /* Slightly transparent container */
    color: #F1F1F1; /* Ensure text within containers is readable */
  }

header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
  body {
    font-family: "Impact", sans-serif; /* Applying a bold impactful font */
  }

  h1, h2 {
    font-family: "Impact", sans-serif; /* Bold fonts for headers */
    letter-spacing: 1.5px; /* Adding spacing for emphasis */
  }


header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
  
header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}
  
header.aura-effect {
    box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.5), 0px 0px 20px 10px rgba(255, 255, 255, 0.5);
}