@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.main-cardapio {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
}

.main-cardapio h2 {
    font-size: 42px;
    padding: 16px;
}

.cafes ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cafe {
    max-width: 260px;
    padding: 15px 40px;
    transition: 0.3s;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cafe.pressed, .cafe.pressed h3, .cafe.pressed img {
    transition: 0.3s;
}

.cafes {
    padding: 10px 50px;
}

.cafes ul li p{
    font-size: 12px;
    transition: 0.3s;
}

.cafe img {
    height: 250px;
    width: 180px;
    box-shadow: 0px 0px 9px -1px #000000;
    margin-bottom: 5px;
    transition: 0.3s;
    cursor: pointer;
}

.cafe.pressed p {
    font-size: 11.5px;
}

.cafe.pressed h3 {
    font-size: 1.13em;
}

.cafe.pressed img {
    height: 248px;
    width: 178px;
}