body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevents scrollbars if content slightly overflows */
    font-family: 'Courier New', Courier, monospace; /* A common pixel-like monospace font */
}

.background-container {
    width: 100%;
    height: 100%;
    background-image: url('bg.gif'); /* Replace with your image path */
    background-size: cover; /* Stretches to cover the container, might crop */
    /* Or use:
    background-repeat: repeat;
    background-size: auto;
    if your image is a tileable pattern. The provided image looks like it could be a pattern.
    Adjust background-position if needed:
    background-position: center center; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; /* Centers the text-overlay box itself */
}

.text-overlay {
    background-color: rgba(0, 0, 0, 0.65); /* Black with 65% opacity */
    color: white;
    padding: 20px 25px;
    border-radius: 3px; /* Slight rounded corners, optional */
    max-width: 90%; /* Prevent it from being too wide on large screens */
    /* If you want a fixed width similar to the image:
    max-width: 500px; (adjust as needed)
    */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Optional subtle shadow */
    text-align: left; /* Aligns text inside the box to the left */
}

.text-overlay p {
    margin: 0; /* Remove default paragraph margins */
    padding: 3px 0; /* Add a little vertical padding between lines */
    font-size: 15px; /* Adjust as needed for pixel feel */
    line-height: 1.3; /* Adjust line spacing */
}

.text-overlay p.spacer {
    height: 0.7em; /* Adjust space for the blank line */
}

/* To make the font more authentically pixelated, you'd ideally use a pixel font.
   If you have one (e.g., a .ttf or .woff file):
@font-face {
    font-family: 'MyPixelFont';
    src: url('path/to/your/pixel-font.woff2') format('woff2'),
         url('path/to/your/pixel-font.ttf') format('truetype');
}
body, html {
    font-family: 'MyPixelFont', 'Courier New', Courier, monospace;
}
*/

/* Hide default audio player if you don't want controls */
audio {
    display: none;
}