/* Style for fixed navbar to ensure content does not get hidden */
body {
    padding-top: 60px; /* Adjust to match navbar height */
}

.navbar {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
    font-weight: bold;
}

#gallery .art-thumbnail {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

#gallery .art-thumbnail img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

#gallery .art-thumbnail:hover img {
    transform: scale(1.05);
}

.modal-body img {
    max-height: 500px;
    object-fit: contain;
}