/* colors */

body.light {
    --text: black;
    --background: #fffaf0;
}

body.dark {
    --text: black;
    --background: #fffaf0;
    /* --text: white;
    --background: #2f3136; */
}

body {
    color: var(--text);
    background-color: var(--background);
}

body {
    overflow-y: scroll;
}

.card {
    height: 40rem;
    overflow: hidden;
}

.card > .product-image-container {
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

.card-img-top {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.card-body {
    position: relative;
}