/* 1. Định dạng toàn trang */
body {
    background-color: #f5f6fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
}

/* 2. Định dạng thẻ món ăn */
.recipe-card {
    width: 280px;
    height: 350px;
    display: inline-block;
    background-color: white;
    margin: 15px;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
}

/* 3. Trang trí tiêu đề trong thẻ */
.recipe-card h1 {
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
}

/* 4. Định dạng màu sắc theo ID cho từng món */
#pho { border-top: 10px solid #e74c3c; color: #c0392b; }
#banh-mi { border-top: 10px solid #f39c12; color: #d35400; }
#bun-cha { border-top: 10px solid #27ae60; color: #1e8449; }
#goi-cuon { border-top: 10px solid #2ecc71; color: #27ae60; }
#com-tam { border-top: 10px solid #e67e22; color: #a04000; }
#banh-xeo { border-top: 10px solid #f1c40f; color: #9a7d0a; }
#ca-kho { border-top: 10px solid #2c3e50; color: #1a252f; }
#che-buoi { border-top: 10px solid #9b59b6; color: #7d3c98; }

/* 5. Định dạng văn bản */
p {
    font-size: 15px;
    color: #34495e;
}

b {
    color: #2c3e50;
}