
    /* Table styling */
    table {
        width: 60%;
        margin: 20px auto;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
    }

    th, td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
    }

    th {
        background-color: #f2f2f2;
        font-weight: bold;
    }

    /* Input fields */
    input[type="text"] {
        width: 80%;
        padding: 5px;
        font-size: 1em;
    }

    /* Button styling */
    button {
        padding: 5px 10px;
        font-size: 1em;
        cursor: pointer;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 4px;
    }

    button:hover {
        background-color: #45a049;
    }

    /* Total result field */
    #rt {
        font-weight: bold;
        background-color: #f9f9f9;
    }
    h2{
        text-align: center;
    }

