<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f7f3ef;
        margin: 0;
        padding: 0;
        color: #333;
    }

    header {
        background-color: #9c6b48;
        color: white;
        text-align: center;
        padding: 2rem 1rem;
    }

    main {
        max-width: 900px;
        margin: 2rem auto;
        background: white;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        padding: 2rem;
    }

    .gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        margin-top: 1.5rem;
    }

    .gallery img {
        width: 45%;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.15);
        transition: transform 0.3s;
    }

    .gallery img:hover {
        transform: scale(1.05);
    }

    .links {
        text-align: center;
        margin-top: 2rem;
    }

    .links a {
        display: inline-block;
        margin: 0.5rem;
        padding: 0.8rem 1.2rem;
        background-color: #9c6b48;
        color: white;
        text-decoration: none;
        border-radius: 5px;
        transition: background-color 0.3s;
    }

    .links a:hover {
        background-color: #c2885a;
    }
</style>