/* Ensure the body and html elements cover the full viewport height */
html, body {
    height: 100%;
    margin: 0; /* Remove default margin for a seamless edge */
    padding: 0;
}

body {
    /* Set the background image and properties */
    background-image: url('bg.jpeg'); /* Replace 'your-image.jpg' with your image path */
    background-position: center; /* Center the image in the viewport */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-size: cover; /* Scale the image to cover the entire container while preserving its aspect ratio */
    background-attachment: fixed; /* Keep the background fixed during page scroll (optional parallax effect) */
    
    /* Add styling for your content for readability over the image */
    color: white;
    text-align: center;
    padding-top: 100px; 
}