@font-face {
    font-family: "GoudyTitling";
    src: url(fonts/goudy_titiling.ttf);
}


.wrappermenugrupos {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.containermenugrupossanvalentin {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.containermenugrupossanvalentin h1 {
    font-family: "GoudyTitling";
    color: #44996c;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.containermenugrupossanvalentin h4 {
    font-family: "GoudyTitling";
    color: #1e201f;
    font-size: 20px;
    text-align: center;
}

.containermenugrupos {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.containermenugrupos h1 {
    font-family: "GoudyTitling";
    color: #44996c;
    font-size: 45px;
    text-align: center;
    margin-bottom: 20px;
}

.containermenugrupos h3 {
    font-family: "GoudyTitling";
    color: black;
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
}

.titulomenugrupos {
    font-family: "GoudyTitling";
    color: #44996c;
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.containermenugrupos img {
    width: 105%;
}


.menugrupos {
    width: 100%;
    margin-bottom: 20px;

}

.tituloplatomenugrupos {
    font-family: "GoudyTitling";

}

.menu-card {
    background-color: #f8fafc;
    /* bg-slate-100 */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    /* shadow-xl */
    border-radius: 0.5rem;
    /* rounded-lg */
    padding: 1.5rem 1rem;
    /* px-4 pt-6 pb-8 */
    margin-bottom: 1rem;
    /* mb-4 */
    width: 100%;
    /* w-full */
    display: flex;
    /* flex */
    flex-direction: column;
    /* flex-col */
    align-items: center;
    /* items-center */
    position: relative;
    /* relative */
}


.menu-card-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 1rem;
    /* 16px */
    padding-right: 1rem;
    /* 16px */
}

.image1container {
    width: 250px;
    height: auto;
    top: -25px;
    left: 10px;
    z-index: 200;
    position: absolute;
}

.image1 {
    width: 100%;
    height: 100%;
}