body {

    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: scroll;
    background-image: url('images/main_background.png'); 
}

/* --- Specific Transparency and Outline Rules --- */

/* 1. Make the Navbar transparent (the header) */
.navbar {
    background-color: transparent !important;
}

/* 2. Target only the main content container for the outline and white text */
.container.mt-4 { /* Targeting the specific container that holds your main content */
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important; 
    border-radius: 0.5rem !important; 
    padding: 2rem !important; /* Add some padding inside the container for spacing */
    
    /* Set text color to white for content within this specific container */
    color: white !important; 
}

div:not(.container.mt-4) { /* Exclude the main content container from this rule */
    background-color: transparent !important;
}


.btn {
    /* Reset button text color to default or specify one */
    color: initial !important; 
}
.btn-primary, .btn-outline-light, .btn-outline-secondary {
    /* Ensure the button text is visible and contrasts with the background */
    color: white !important; /* Example: make outline button text white */
}

.custom-box {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}