    <style>    
        /* The bottom container spanning the full viewport width */
        .bottom-container {
            position: static;      /* Locks the container in place relative to the viewport */
            bottom: 0;            /* Pins the container directly to the very bottom */
            left: 0;              /* Aligns to the far left edge */
            width: 100%;          /* Forces container to stretch across the whole screen */
            display: flex;        
            flex-direction: column; /* Stacks items vertically on top of each other */
            align-items: center;  /* Centers the items horizontally in column mode */
            justify-content: center; /* Adjusts vertical distribution if container has a set height */
            gap: 0;            /* Adds uniform spacing between your two items */
            box-sizing: border-box; /* Includes padding in the total width calculation */
        }

        /* Standard styling for the inner flex items */
        .flex-item {
	        margin-bottom: -1rem;
            padding: 0;
        }
    </style>
