.main {
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
    align-items: center;

    color: rgb(230, 230, 230);
}

.main h3 {
    margin-top: 1em;
    margin-bottom: 1em;

}


.grid {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 2em;
    place-content: center;
    margin-top: 5vh;

}

.box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1em;

    width: 30vw;
    height: 25vw;
    background-color: white;
    color: rgb(18, 18, 18);
}

.subbox {
    width: 30vw;
    height: 19vw;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.box img {
    width: 29vw;
    height: fit-content;
    margin-top: 1em;
}