body{
     font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
     margin:0;
     background:#fff;
     color:#333;
	
}

header{
	background-color:#e639446;
	color:white;
	padding:2em 1em;
	text-align:center;
	
}

.categories{
	display:flex;
	direction:column;
	gap:1em;
	padding:1.5em;
}

.category-card{
	background:orange;
	padding:1.5em;
	border radius:12px;
	text-align:center;
	text-decoration:none;
	color:#e3964;
	font-weight:bold;
	font-size:1.2em;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	transition:transform 0.2s,box-shadow 0.2s
	}
	
.category-card:hover{
	transform:scale(1.03);
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
}	
	
h1{
	color:white;
	background-color:orange;
	text-align:center;
}

p{
    color:orange;
    text-align:center;
	
}

#logo{
	
}

.food-card{
	background:#f8f9fa;
	padding:1em;
	margin:1em 0;
	text-align:center;
	border-radius:12px;
	box-shadow:0 1px 6px rgba(0,0,0,0.1);
	
}

.food-card img{
	width:100px;
	height:100px;
	border-radius:8px;
	object-fit:cover;
	margin-bottom:0.5em;
	
}

.food-card h3{
	margin:0.5em 0;
	color:#333;
} 

.food-card button{
	background-color:#e63946;
	color:white;
	border:none;
	padding:0.4em 1em;
	border-radius:5px;
	cursor:pointer;
	transition:background 0.3s;
}

.food-card button:hover{
	background-color:#d62828;
}

.food-detail{
	padding:2em;
	text-align:center;
}

.food-detail img{
    width:200px;
    height:200px;
    object-fit:cover;
    border-radius:10px;
    margin-bottom:1em;
	
}

.food-detail h2{
	color:#e63946;
	margin-bottom:0.5em;
	
}

.food-detail p{
	font-size:1em;
	color:#555;
	margin-bottom:1em;
}

.food-detail span{
	font-size:1.1em;
	color:#2a9d8f;
	font-weight:bold;
}

.food-detail button{
	background-color:#e63946;
	color:white;
	border:none;
	padding:0.6em 1.5em;
	border-radius:8px;
	font-size:1em;
	cursor:pointer;
	margin-top:1em;
}

.food-detail button:hover{
	background-color:#d62828;
}

.serving{
	font-size:0.95em;
	color:#555;
	margin-top:0.3em;
	margin-bottom:1em;
}

.back-button{
	display:inline-block;
	background-color:#f1f1f1;
	color:#e63946;
	padding:0.4em 1em;
	border-radius:8px;
	text-decoration:none;
	font-weight:bold;
	font-size:0.95em;
	margin-bottom:1.5em;
	transition:background 0.2s;
}

.back-button:hover{
    background-color:#e9e9e9;
	
}


h2{
	text-align:center;
	}

.body-home{
	background-image:url('images/download (10).jpg');
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;

}