body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #79d5d7;
    color: white;
    text-align: center;
    padding: 1em 0;
    display: flex; /* Using flex to align items */
    justify-content: center; /* Center everything horizontally */
    align-items: center; /* Center everything vertically */
}

header img {
    height: 80px; /* Adjust the size as needed */
    margin-right: 20px; /* Space between the image and the title */
    /* Remove margin if text-align is important for other elements */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    header {
        flex-direction: column; /* Stack image and text vertically on small screens */
        padding: 20px 0; /* Increase padding for better touch targets */
    }

    header img {
        margin-right: 0; /* Remove margin on small screens */
        margin-bottom: 10px; /* Add some space below the image */
    }
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

nav ul li {
    float: left;
}

nav ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav ul li a:hover {
    background-color: #111;
}

main {
    padding: 1em;
}

section {
    margin-bottom: 2em;
}

footer {
    text-align: center;
    padding: 1em 0;
    background-color: #79d5d7;
    color: white;
}

/* Social Icons styling */
footer .social-icons {
    display: flex;
    justify-content: center; /* Centers the icons */
    gap: 20px; /* Space between icons */
    margin-top: 10px; /* Space between text and icons */
}

footer .social-icons a {
    color: white; /* Icon color */
    font-size: 24px; /* Icon size */
    transition: color 0.3s ease; /* Smooth hover effect */
}

footer .social-icons a:hover {
    color: #333; /* Darker hover color */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    footer .social-icons {
        gap: 15px; /* Adjust gap for smaller screens */
    }
}