/* style.css */

/* Resetting default margins and paddings */
body, h1, h2, h3, p, ul, li {
    margin: 0;
    padding: 0;
}

/* Setting up basic styles */
body {
    font-family: Arial, sans-serif;
    background-color: #e7e2d5;
    margin: 0; /* Ensure no margin around the body */
}

.header {
    width: 100%;
    text-align: center;
}

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

.menu {
    background-color: #49240f;
    color: #fdd4a7;
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
}

.menu-item {
    cursor: pointer;
    padding: 10px 20px;
    transition: background-color 0.3s ease;
}

.menu-item:hover {
    background-color: #2d1203;
}

.page {
    padding: 20px;
    height: 1000px; /* Allow the page div to expand dynamically */
}

.footer {
    background-color: #49240f;
    color: #fdd4a7;
    text-align: center;
    padding: 20px;
}