body {
    /* Set the background image and specify its path */
    background-image: url('https://eldhirrion.neocities.org/y1.jpg'); /* Replace with your image file path */
    
    /* Ensure the image covers the entire viewport without stretching/distortion */
    background-size: cover; 
    
    /* Center the image within the viewport */
    background-position: center; 
    
    /* Prevent the image from repeating */
    background-repeat: no-repeat; 
    
    /* Fix the background image so it doesn't scroll with content (optional, creates parallax effect) */
    background-attachment: fixed; 
    
    /* Set basic styles for text visibility */
    color: white; /* Use a light color for better contrast with the darker background */
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    height: 100vh; /* Ensure the body covers the full height of the viewport */
}

.content-container {
    /* Style for your actual content */
    text-align: center;
    padding-top: 20vh; /* Adjust as needed for positioning content */
    /* Add a semi-transparent background color or overlay to improve text readability */
    background-color: rgba(0, 0, 0, 0.4); 
    height: 100%;
}

h1, p {
    /* Add text shadows for better readability against the complex image background */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}