/* General Styles */
body {
    margin: 0;
    font-family: Arial, sans-serif;
}

/* Navbar Styles */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #568203;
    padding: 10px 20px;
}

.logo img {
    max-width: 100%;
    height: auto;
}

img {
    max-width: 100%; /* Ensures the image does not exceed the container's width */
    height: auto;    /* Maintains the image's aspect ratio */
    display: block;  /* Removes any extra space below the image */
}

/* Centered Table Styles */
.centered-table {
    margin: 0 auto;
}

.centered-content {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center; /* Vertically centers items */
    gap: 10px; /* Adds space between the image and text */
    flex-wrap: nowrap; /* Prevents wrapping to keep items on the same line */
}

.centered-content img {
    max-width: 50px; /* Ensures the image scales down */
    height: auto;
    vertical-align: middle; /* Aligns the image vertically with text */
}

/* Nav Links Styles */
.nav-links {
    list-style: none;
    display: flex;
    justify-content: center;
    flex: 1;
    margin: 0;
    padding: 0;
}

.nav-links li {
    margin: 0 15px;
}

.nav-links a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

/* Hamburger Menu Styles */
.hamburger {
    display: none;
    align-items: center;
    cursor: pointer;
    color: white;
    font-weight: bold;
}

.burger-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 24px;
    margin-left: 10px;
    position: relative;
}

.burger-icon span {
    width: 100%;
    height: 3px;
    background-color: white;
    transition: 0.3s;
    position: absolute;
}

.burger-icon span:first-child {
    top: 0;
}

.burger-icon span:nth-child(2) {
    top: 10px;
}

.burger-icon span:last-child {
    top: 20px;
}

.burger-icon.active span:first-child {
    transform: rotate(45deg);
    top: 10px;
}

.burger-icon.active span:nth-child(2) {
    opacity: 0;
}

.burger-icon.active span:last-child {
    transform: rotate(-45deg);
    top: 10px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .hamburger {
        display: flex;
    }

    .nav-links {
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: -100%;
        background-color: #568203;
        width: 100%;
        transition: left 0.3s ease-in-out;
    }

    .nav-links.open {
        left: 0;
    }

    .logo img {
        width: 75px;
        height: auto;
    }
}

/* Outer and Text Container Styles */
.outer-container {
    background-color: #e0f7e9;
    padding: 0px;
    min-height: 100vh;
}

.text-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 1px 10px;
    background-color: #ffffff;
}

table {
    width: 100%; /* Ensures the table takes full width available */
    table-layout: auto; /* Automatically adjusts column widths */
    border-collapse: collapse;
}

td {
    font-size: 16px; /* Default font size */
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 2px; /* Adds space inside each cell */
}

@media (max-width: 768px) {
    td {
        font-size: 14px; /* Adjust for smaller screens */
    }
}

@media (max-width: 480px) {
    td {
        font-size: 12px; /* Further adjust for very small screens */
    }
}