body {

    margin: 0;

    padding: 0;

    min-height: 100vh;

    font-family: Arial, Helvetica, sans-serif;

    background-image: url("background.jpg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

}

.page {

    width: 80%;

    max-width: 900px;

    margin: 40px auto;

    background-color: rgba(255, 255, 255, 0.92);

}

header {

    background-color: #4b2e22;

    color: white;

    text-align: center;

    padding: 35px 20px;

}

header h1 {

    margin: 0;

    font-size: 38px;

}

header p {

    margin-top: 10px;

}

nav {

    background-color: #c89f75;

    padding: 15px;

    text-align: center;

}

nav a {

    color: #2e211b;

    text-decoration: none;

    font-weight: bold;

    margin: 0 20px;

}

nav a:hover {

    color: white;

}

main {

    padding: 35px;

    line-height: 1.7;

}

main h2 {

    color: #4b2e22;

    font-size: 30px;

}

main h3 {

    color: #805d45;

}

.menu-section {

    background-color: #f5eee8;

    padding: 20px;

    margin-bottom: 25px;

}

.button {

    display: inline-block;

    background-color: #4b2e22;

    color: white;

    text-decoration: none;

    padding: 12px 20px;

    margin-top: 15px;

}

.button:hover {

    background-color: #805d45;

}

footer {

    background-color: #4b2e22;

    color: white;

    text-align: center;

    padding: 15px;

}

footer p {

    margin: 0;

}

@media screen and (max-width: 600px) {

    .page {

        width: 95%;

        margin: 15px auto;

    }

    nav a {

        display: block;

        margin: 10px 0;

    }

    header h1 {

        font-size: 28px;

    }

}