/* BOX */
.boxRow {
    width: auto;
    min-height: 250px;

    padding-top: 3%;

    text-align: center;
}

.box {
    min-width: 300px;
    width: 20vw;
    min-height: 250px;
    height: fit-content;

    margin: 1vh;
    padding-bottom: 10px;

    background-color: rgb(247, 253, 253);
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    display:inline-block;
    vertical-align: top;
    border-radius: 10px;
}

.box:hover, .boxWide:hover {
    background-color: rgb(199, 206, 206);
    color: black;
}

.boxImg {
    min-width: 150px;
    width: 10vw;
    min-height: 150px;
    height: 10vw;

    padding-top: 0.5vw;
}

.imageBox {
    min-height: 200px;
    min-width: 200px;
    width: fit-content;

    margin-left: auto;
    margin-right: auto;
    margin: 1vh;
    padding: 1vw;

    text-align: center;

    color: var(--text);
    background-color: rgb(247, 253, 253);
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);

    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
}

.imageBox > img {
    min-height: 200px;
    max-height: 600px;
    min-width: 200px;
    max-width: 100%;
}

/* BOX */

/* TEXT */

i {
    text-decoration: underline;
}

/* TEXT */