/* General Body Styles */
body {
    background-image: url('https://horroromancy.neocities.org/Backgrounds/pattern%20154.gif');
    background-repeat: repeat;  /* Tiling the image */
    background-size: auto;     /* Keep the image's original size */
    font-family: Arial, sans-serif; /* Basic font for the body */
    margin: 0;                  /* Remove default margin */
}

/* Header Box Section */
.header-box {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black for contrast */
    color: white;                     /* White text color */
    text-align: center;                /* Center-align text */
    padding: 40px 20px;                /* Add padding for spacing around text */
    margin: 0 auto;                    /* No margin outside */
    max-width: 1200px;                 /* Optional: Set a max-width for the header */
}

/* Header Title Styles */
.header-box h1 {
    font-size: 3em;                    /* Large font size for the title */
    margin: 0;                         /* Remove default margin */
}

/* Header Description Styles */
.header-box p {
    font-size: 1.5em;                  /* Smaller text size for description */
    font-weight: lighter;              /* Lighten the font weight */
    margin-top: 10px;                  /* Space above the description */
}

/* Optional: Make the header more responsive */
@media (max-width: 768px) {
    .header-box {
        padding: 30px 15px;             /* Adjust padding on smaller screens */
    }

    .header-box h1 {
        font-size: 2.5em;              /* Slightly smaller title on mobile */
    }

    .header-box p {
        font-size: 1.2em;              /* Slightly smaller description */
    }
}