/*General styles*/
body{
            color:#333;
            font-family:'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f8f8;
        }
        header{
            background-color: #ff6347;
            color: white;
            padding: 20px 0;
            text-align: center;
        }
        header h1{
            margin:0;
            font-size: 2.5em;
        }
        header p{
            margin:10px 0;
font-size:1.2em;
        }
        section{
            padding: 20px;
            text-align: center;
        }
        h2{
            font-size: 2em;
            margin-bottom: 20px;
        }
        .food-card{
            background:#fff;
            border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0.1);
padding: 20px;
margin: 20px;
text-align: left;
    }
    .food-card img{
        width: 100%;
        height:auto;
        border-radius:8px;
    }
    .food-card h3{
        margin:15px0 10px;
        font-size:1em;
    }
    .food-card p{
        font-size: 1em;
        color:#555;
    }
    .food-grid .grid-container{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
        gap:20px;
        justify-content: center;
    }
    /*Footer*/
    footer{
        background: #333;
        color:white;
        padding:10px 0;
        text-align:center;
        margin-top: 30px;
    }