/* Ensure the body and HTML fill the entire viewport height */
html, body {
    height: 100%; /* Important for flexbox to work */
    margin: 0;    /* Remove default margin */
    display: flex;
    flex-direction: column;
    font-family: "Manrope", serif;
}

/* Make the main content area grow */
main {
    flex-grow: 1;
}

/* Footer styling */
footer {
    background-color: #007bff; /* Matches your site's primary color */
    color: #fff;
    text-align: center;
    padding: 15px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    width: 100%;
}