*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Inter,sans-serif;
    background:#f8f5f1;
}

h1{
    text-align:center;
    padding:50px 0;
    font-size:48px;
    color:#2c2c2c;
}

.menu-container{

    width:90%;
    max-width:1500px;

    margin:auto;

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

    padding-bottom:60px;

}

.menu-container img{

    width:320px;

    border-radius:18px;

    box-shadow:0 20px 40px rgba(0,0,0,.15);

    transition:.4s;

    cursor:pointer;

}

.menu-container img:hover{

    transform:translateY(-10px) scale(1.03);

}

@media(max-width:768px){

.menu-container{

    flex-direction:column;

    align-items:center;

}

.menu-container img{

    width:90%;

}

}