<style>
    #rug-calculator {
        text-align: center;
        padding: 20px;
    }

    /* Styling for the input fields */
    #tableLength, #tableWidth {
        margin-bottom: 20px;  /* Adjust as needed for spacing */
        padding: 5px;
    }

    /* Styling for the labels */
    label {
        display: block;  /* Makes the label display above the input */
        margin-bottom: 5px;  /* Space between the label and the input */
    }

    #calculateButton {
        padding: 10px;
        color: white;
        background-color: #0000FF; /* Regular blue color */
        border: none;
        cursor: pointer;
    }

    #calculateButton:hover {
        background-color: #0000CD; /* Darker blue on hover */
    }
</style>
