body {
    /* 1. Specify the image file path */
    background-image: url("/assets/SAVESAVESAVE.jpg"); 

    /* 2. Stop the image from tiling (since we want it stretched) */
    background-repeat: no-repeat; 

    /* 3. This is the key: makes the image cover the entire viewport, 
       cropping if necessary to maintain aspect ratio. */
    background-size: cover; 

    /* 4. Fixes the image so it doesn't scroll with the content */
    background-attachment: fixed;

    /* OPTIONAL: Ensures the body element takes up at least the full viewport height */
    min-height: 100vh; 
}

#myMainMan {
    width: 60%;
}

.NEEEEENooooNNNEEEEEEnoooo {
    visibility: hidden;
}

#instructions {
    width: 70%;
    background-color: #fffffe;
}

#header {
    width: 70%;
    background-color: #fffffe;
    padding: 2%;
}

img {
    /* Ensure the images don't block content or take up too much space */
    width: 100px; /* Adjust size as needed */
    height: auto;
    z-index: 1000; /* Ensure images are on top of other content */
}

/* All corner images share the fixed position */
#corner-top-left, 
#corner-top-right, 
#corner-bottom-left, 
#corner-bottom-right {
    position: fixed;
}

/* --- Top-Left Corner --- */
#corner-top-left {
    top: 10px;    /* 10px from the top edge */
    left: 10px;   /* 10px from the left edge */
}

/* --- Top-Right Corner --- */
#corner-top-right {
    top: 10px;    /* 10px from the top edge */
    right: 10px;  /* 10px from the right edge */
}

/* --- Bottom-Left Corner --- */
#corner-bottom-left {
    bottom: 10px; /* 10px from the bottom edge */
    left: 10px;   /* 10px from the left edge */
}

/* --- Bottom-Right Corner --- */
#corner-bottom-right {
    bottom: 10px; /* 10px from the bottom edge */
    right: 10px;  /* 10px from the right edge */
}

#a-digital-sigil {
    width: 40%;
}