@import "../themes/tabi/sass/main.scss";
@import "./baguetteBox.scss";

// main.scss


.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card {
    flex-grow: 1;
    flex-shrink: 1;
}

.card-image {
    max-height: 160px;
    margin-left: auto;
    margin-right: auto;
}

// templates/page.html

article {
    section.body img {
        border-radius: 5px;
    }

    div.social-media-card img {
        border-radius: 5px;
        margin-bottom: 24px;
    }
}


.gallery img {
   max-width: 100%;
   height: auto;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   cursor: zoom-in;
}

.gallery img:hover {
    transform: scale(1.05);
}
