*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial , Arial, Helvetica, sans-serif;
}
.body{
    background-color: #f4f7fb;
    color: #333;
}
.header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 80px;
    background: #2ecc71;
    color: white;
}
.logo h1{
    font-size: 32px;
}   
.logo p{
    font-size: 14px;
    margin-top: 5px;
}
.nav{
    color: white;
    text-decoration: none;
    margin-left: 25px;
    font-size: 18px;
    transition: 0.3s;
}
.nav a:hover{
    color: #dfffe9;
}
.hero{
    text-align: center;
    padding: 100px 20px;
}
.hero h2{
    font-size: 48px;
    margin-bottom: 20px;
}
.hero p{
   font-size: 20px;
   color: #555;
   max-width: 700px;
   margin: auto;
   line-height: 1.6;
}
.btn{
    display: inline-block;
    margin-top: 35px;
    padding: 15px 40px;
     background: #2ecc71;
     color: white;
     text-decoration: none;
     border-radius: 30px;
     font-size: 18px;
     transition: 0.3s;
}



header{
    text-align:center;
    padding:20px;
    background:#2ecc71;
    color:white;
}

header h1{
    font-size:35px;
}
.welcome{
    text-align:center;
    padding:60px 20px;
    background:linear-gradient(135deg,#2ecc71,#27ae60);
    color:white;
    border-radius:0 0 40px 40px;
}

.welcome h1{
    font-size:45px;
    margin-bottom:20px;
}

.welcome p{
    font-size:20px;
    max-width:700px;
    margin:auto;
    line-height:1.6;
}

.quote{
    margin-top:30px;
    font-size:22px;
    font-style:italic;
}


.nutrition{
    text-align:center;
    padding:70px 20px;
    background:#ffffff;
}

.nutrition h2{
    font-size:40px;
    color:#2ecc71;
    margin-bottom:20px;
}

.nutrition p{
    max-width:800px;
    margin:auto;
    font-size:20px;
    line-height:1.6;
    color:#555;
}


.food-cards{
    display:flex;
    justify-content:center;
    gap:30px;
    margin-top:40px;
}


.food-card{
    width:250px;
    padding:25px;
    background:#f4f7fb;
    border-radius:20px;
    transition:0.3s;
}


.food-card:hover{
    transform:translateY(-10px);
}


.food-card h3{
    color:#27ae60;
    margin-bottom:15px;
}

.motivation{
    display:flex;
    align-items:center;
    gap:50px;
    padding:80px;
    background:#eafff0;
}

.motivation-image img{
    width:400px;
    height:300px;
    object-fit:cover;
    border-radius:30px;
}

.motivation-text h2{
    color:#27ae60;
    font-size:35px;
    margin-bottom:20px;
}

.motivation-text p{
    font-size:20px;
    line-height:1.7;
    color:#444;
}

.statistics{
    padding:80px 40px;
    text-align:center;
    background:#f8fff9;
}

.statistics h2{
    font-size:40px;
    color:#2ecc71;
    margin-bottom:20px;
}

.stat-text{
    max-width:700px;
    margin:auto;
    font-size:19px;
    color:#555;
    line-height:1.7;
}

.stats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:30px;
    margin-top:50px;
}

.stat-card{
    width:220px;
    background:white;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 20px rgba(0,0,0,0.1);
    transition:0.3s;
}

.stat-card:hover{
    transform:translateY(-10px);
}

.stat-card h3{
    font-size:45px;
}

.stat-card h1{
    color:#2ecc71;
    margin:15px 0;
    font-size:40px;
}

.stat-card p{
    font-size:20px;
    color:#666;
}
.tips{
    padding:80px 20px;
    background:#ffffff;
    text-align:center;
}

.tips h2{
    font-size:40px;
    color:#2ecc71;
    margin-bottom:30px;
}

.tip-card{
    max-width:800px;
    margin:auto;
    background:#f4fff7;
    padding:40px;
    border-radius:25px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}

.tip-card h3{
    color:#27ae60;
    margin-bottom:20px;
    font-size:28px;
}

.tip-card p{
    font-size:19px;
    line-height:1.8;
    color:#444;
    margin-bottom:15px;
}

.quote{
    margin-top:25px;
    font-size:22px;
    font-style:italic;
    color:#2ecc71;
    font-weight:bold;
}