/* BOXY */

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

    padding-top: 3%;

    text-align: center;
}

.box {
    min-width: 250px;
    width: 15vw;
    min-height: 250px;
    height: 17vw;

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

    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, .boxWide:hover > a {
    background-color: rgb(199, 206, 206);
    color: black;
}

.boxWide {
    min-width: 250px;
    width: 50vw;
    min-height: 250px;
    height: fit-content;

    margin: 1vh;

    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;
}

.miniBox {
    min-width: 250px;
    width: 15vw;
    height: 2vw;

    padding-top: 1vw;
    padding-bottom: 1vw;
    
    display:inline-block;
}

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

    padding-top: 0.5vw;
}

.bigBoxImg {
    width: 35vw;
    height: 20vw;

    padding-top: 0.5vw;
}


/* BOXY */