body {
            font-family: 'Courier New', Courier, monospace;
            margin: 0;
            padding: 0;
            background-color: #736f26;
            display: flex; /* Enable Flexbox */
            flex-direction: column; /* Stack elements vertically */
            min-height: 100vh; /* Ensure body takes full viewport height */
            color: white; /* Change all text to white */
        }
        header {
            background-color: #f65403;
            color: white;
            padding: 1rem 0;
            text-align: center;
        }
        nav {
            margin: 1rem 0;
            text-align: center;
        }
        nav a {
            margin: 0 1rem;
            text-decoration: none;
            color: #ffffff; /* White links */
        }
        nav a:visited {
            color: white; /* or set to your preferred color */
        }
        main {
            padding: 2rem;
            text-align: center;
            flex: 1; /* Allow main content to grow and take available space */
        }
        footer {
            background-color: #f65403;
            color: white;
            text-align: center;
            padding: 1rem 0;
            width: 100%;
        }

        .contact-container {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-bottom: 2rem;
        }

        .contact-card {
            background: #013557;
            color: white;
            padding: 1.5rem;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            min-width: 300px;
            max-width: 400px;
            flex: 1 1 300px;
            text-align: center;
        }
        .center-card {
            display: flex;
            justify-content: center;
        }

        @media (max-width: 800px) {
    .contact-container {
        flex-direction: column;
        align-items: center;
    }
    .contact-card {
        min-width: 200px;
        max-width: 90vw;
    }
}
.image-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem; /* space between images */
    margin-top: 2rem;
}

.about-img {
    width: 500px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.right-img {
    width: 500px; /* or any size you want */
    /* You can also adjust height or other properties if needed */
}
.left-img {
    width: 400px; /* or any size you want */
    /* You can also adjust height or other properties if needed */
}
main a,
main a:visited {
    color: #ffffff; /* or your preferred color */
    text-decoration: none;
}
.blog-article-box {
    background: #222;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    padding: 1.5rem;
    margin: 2rem auto;
    max-width: 700px;
    width: 90%;
    transition: box-shadow 0.2s;
}
.blog-article-box:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
}
@media (max-width: 900px) {
    .main-flex {
        flex-direction: column;
        gap: 2rem;
    }
    .side-box {
        margin-left: 0;
        margin-top: 0;
        right: 0;
        top: 0;
        max-width: 100%;
        width: 100%;
    }
}