.shadow-3d {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.vigges {
    background-image: url("/src/img/vigges.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-blend-mode: multiply;
}

.text-stroke-orange {
    text-shadow: -1px 0 rgb(235, 195, 172), 0 1px rgb(240, 149, 96), 1px 0 rgb(240, 149, 96), 0 -1px rgb(240, 149, 96);
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Takes up the full height of the viewport */
}

section {
    background-color: rgba(252,226,138);  /* Light blue background */
}

footer {
    background-color: rgba(255, 0, 0, 0.5);  /* Red background to test visibility */
    color: white;
    padding: 20px;
    text-align: center;
    z-index: 9999;  /* Very high z-index to bring it on top of other elements */
    position: relative;  /* Ensure it stays in the document flow */
    flex: 1; /* This allows the section to take up the remaining space */

}

footer {
    text-align: left !important; /* Ensure footer text is left-aligned */
}

footer h3, footer p, footer ul {
    text-align: left !important;
}

.imageThumbnail {
    width: 100%;
    height: 200px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 12px; /* Adjust the value for more or less rounding */
}