<style>
    /* Resetting default styles */
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
    }
    /* Header styling */
    header {
        background-color: #333;
        color: #fff;
        padding: 20px;
        text-align: center;
    }
    /* Footer styling */
   /* footer {
    /    background-color: #333; /
        color: #fff;
        text-align: center;
    /    padding: 20px; /
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 1vh; / Set height to 50% of viewport height /
    } */
    /* Navigation bar styling */
    nav {
        background-color: #f4f4f4;
        padding: 10px;
        text-align: center;
    }
    nav ul {
        list-style-type: none;
        padding: 0;
    }
    nav ul li {
        display: inline;
        margin-right: 10px;
    }
    nav ul li a {
        text-decoration: none;
        color: #333;
        padding: 5px 10px;
        border-radius: 5px;
    }
    nav ul li a:hover {
        background-color: #ddd;
    }
    /*Table Styling */
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th, td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }
    th {
        background-color: #f2f2f2;
    }
    dent {
        margin-left: 20px; /* Adjust the indentation as needed */
    }
</style>