table {
    margin: 20px auto;
    width: 80%;
}

table {
    border: 2px solid #dddddd;
    border-collapse: collapse;
}

tr td {
    border: 1px solid #dddddd;
}

th,
td {
    padding: 15px;
    text-align: left;
}

th {
    background-color: #f2f2f2;
}

.btn {
    padding: 0.5rem 1rem;
}

.container {
    text-align: center;
    /* Center-align the content within the container */
}

footer {
    background-color: #f0f0f0;
    /* Light gray background */
    padding: 10px;
    text-align: center;
    /* Center the text within the footer */
}