.totals-container {
            display: flex;
            justify-content: center;
            /* Center the `.totals` containers horizontally */
            flex-wrap: wrap;
            /* Allow items to wrap if necessary */
            align-items: flex-start;
            /* Align items to the top, adjust as needed */
        }

        .totals {
            flex: 1;
            /* Allows the boxes to grow to fill the space, keeping them flexible */
            min-width: 400px;
            /* Adjusted minimum width to prevent wrapping */
            padding: 10px;
            box-sizing: border-box;
            text-align: center;
            /* Center the text within each `.totals` container */
        }

        h3 {
            margin-top: 0;
        }