/* /public/assets/css/site-wide.css */

body {
    background-image: linear-gradient(to bottom, var(--steel-800), rgba(7, 11, 20, 0.75)), url('../background.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

/* Optional: Make the main content boxes slightly transparent 
   so your background image actually shows through them. */
/* .ui.segment, .markup {
    background-color: rgba(255, 255, 255, 0.85) !important;
} */