body {
    background-color: #161618;
    color: #f2f5f4;
}

a {
    color: #f5a9b8;
}

a:visited {
    color: #5BCEFA;
}

a.lightbox {
    margin: 10px;
}

/* Container to hold the images */
.image-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 2px;
    margin: 20px;
}

/* Each image inside the container */
.image-container img {
    width: 100%;
    max-width: 300px; /* Max width of each image */
    height: auto; /* Ensure aspect ratio is maintained */
    object-fit: contain; /* Ensure images fit within the container */
}

:root {
    --parvus-background-color: #161618;
    --parvus-color: #f2f5f4;
    --parvus-caption-color: #f2f5f4;
    --parvus-btn-background-color: #F5A9B8;
    --parvus-btn-color: #ffffff;
    --parvus-btn-disabled-background-color: #5BCEFA;
    --parvus-btn-disabled-color: #161618;
  }

.parvus-trigger:has(img) .parvus-zoom__indicator {
    display: none;
}