body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #87CEEB; /* Light Blue */
            padding: 20px;
            text-align: center;
        }

.cover-section {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #87CEEB; /* Light Blue */
    color: white;
    padding: 20px;
    background-size: cover;
    background-position: center;
    position: relative; /* Add position relative */
}

.logo {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1; /* Ensure logo is above background images */
}

.cover-left {
    width: 100%; /* Adjust width to cover entire section */
    height: 100%; /* Adjust height to cover entire section */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4; /* Set opacity to make it opaque */
    background-image: url('left_image.png'); /* Set background image */
    background-size: cover;
    background-position: center;
    z-index: 0; /* Set z-index to be behind other content */
}
.content {
    padding: 20px;
} 
nav {
            background-color: #F4A460; /* Light Brown */
            padding: 10px;
            text-align: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin: 0 10px;
        }
        main {
            padding: 20px;
        }
        footer {
            background-color: #87CEEB; /* Light Blue */
            padding: 10px;
            text-align: center;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
        .logo {
            width: 300px; /* Increase the width to make the logo bigger */
            max-width: 100%; /* Ensure the logo doesn't exceed its original size */
        }        
/* Mobile Styles */
        @media only screen and (max-width: 600px) {
            header {
                padding: 10px;
            }
            nav {
                padding: 5px;
            }
            nav a {
                margin: 0 5px;
            }
            main {
                padding: 10px;
            }
            footer {
                padding: 5px;
            }
        }
 table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        th, td {
            padding: 10px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        th {
            background-color: #F4A460; /* Light Brown */
            color: white;
        }