.flex-container {
    display: flex;
    /* Align items horizontally */
    justify-content: flex-start; /* Options: flex-start, flex-end, center, space-between, space-around, space-evenly */
    /* Align items vertically (optional) */
    align-items: flex-start; /* Options: flex-start, flex-end, center, baseline, stretch */
}

.dataGrid{
    flex: 1;
}

body {
    /* Set the dimensions and margin of the body to fill the viewport */
    min-height: 80vh;
    margin: 0;

    /* Background image properties */
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('images/bg2.jpg');
    background-size: 45% auto; /* Ensures the image covers 50% width and maintains aspect ratio */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-attachment: fixed; /* Makes the background image fixed in the viewport */
    background-position: center center; /* Centers the image both vertically and horizontally */
    background-color: #f0f0f0; /* Fallback color for the other 50% space */
}