*{margin:0;padding:0;box-sizing:border-box}.container{display:flex;width:98.5%;height:60vh;background-color:#f0f0f0;justify-content:center;align-items:center;position:relative;background-image:url(https://t3.ftcdn.net/jpg/07/58/26/62/360_F_758266271_yksdY7RLYIIY6jofjJorjylEDOvgcuze.jpg);background-size:cover;background-position:center}.name{position:absolute;top:5px;left:10px;color:#fff;font-size:20px;font-family:italic;font-weight:700}.error{margin:5px;font-size:30px;font-weight:700;text-align:center}.search .search-bar{width:400px;height:60px;border-bottom-left-radius:20px;border-top-left-radius:20px;padding:0 20px;border:none;outline:none;transition:box-shadow .3s ease,border .3s ease}.search-bar:focus{box-shadow:0 0 8px #007bff;border:1px solid #007BFF}.search .search-button{width:80px;height:60px;border-bottom-right-radius:20px;border-top-right-radius:20px;border:none;outline:none;background-color:#4caf50}.search-button:hover{background-color:#204622;color:#fff;transition:ease .3s}@media (max-width:600px){.search .search-bar{width:200px;height:40px;border-bottom-left-radius:10px;border-top-left-radius:10px}.search .search-button{width:60px;height:40px;border-bottom-right-radius:10px;border-top-right-radius:10px}}.meals-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px;height:auto}.meal-card{width:250px;height:auto;min-height:330px;text-align:center;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .2s}.meal-img{width:220px;height:230px;object-fit:cover;border-radius:10px 10px 0 0;margin:10px}.meal-card h2{text-align:center;margin:5px}.meal-card button{width:100px;height:30px;margin:5px;cursor:pointer;border-radius:5px;outline:none;border:none;box-shadow:0 2px 10px #0000001a;background-color:#4caf50}.meal-card button:hover{box-shadow:0 0 20px #01307a33;background-color:#204622;color:#fff;transition:ease .3s}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:20px;width:80%;max-height:90vh;overflow-y:auto;border-radius:10px;position:relative}.close-btn{position:absolute;top:10px;right:15px;border:none;background:#dc143c;color:#fff;font-size:1rem;padding:5px 10px;cursor:pointer}.catg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:20px;height:auto}.catg-card{width:250px;height:auto;min-height:330px;text-align:center;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .2s}.container{margin:10px}.container2 h1{text-align:center}.img{width:220px;height:230px;object-fit:cover;border-radius:10px 10px 0 0;margin:10px}.catg-card h2{text-align:center;margin:5px}.find{width:200px;height:30px;margin:5px;cursor:pointer;border-radius:5px;outline:none;border:none;box-shadow:0 2px 10px #0000001a;background-color:#4caf50}.find:hover{box-shadow:0 0 20px #01307a33;background-color:#204622;color:#fff;transition:ease .3s}.back{text-align:center;align-items:center;width:100px;height:50px;margin:10px auto 10px 50px;background-color:#4caf50;color:#fff;cursor:pointer;border-radius:5px;transition:3s ease-in-out}.back:hover{background-color:#204622;color:#fff;transition:ease .3s}