.name-to-recipe{text-align:center;background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;max-width:1000px;margin:auto}.input-container{margin-bottom:20px}.search-input{padding:10px;font-size:16px;width:60%;max-width:400px;margin-right:10px;border:2px solid #ddd;border-radius:5px}.search-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-button:disabled{background-color:#ccc}.search-button:hover{background-color:#0056b3}.error-message{color:red;font-size:18px;margin-top:20px}.recipe-container{margin-top:20px}.recipe-title{font-size:24px;font-weight:700}.recipe-content{display:flex;justify-content:center;align-items:flex-start;margin-top:20px}.recipe-image{width:300px;height:200px;object-fit:cover;border-radius:5px;margin-right:20px}.ingredients{text-align:left;margin-left:20px}.ingredients ul{list-style-type:none;padding-left:0}.ingredients li{font-size:16px;margin:5px 0}.instructions{margin-top:20px;text-align:left}.instructions h3{font-size:20px;font-weight:700}.App{font-family:Arial,sans-serif;background-color:#f0f0f0;padding:20px;display:flex;flex-direction:column;align-items:center}.navbar{background-color:#28a745;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.navbar-title{font-size:24px;font-weight:700}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-links li{margin-right:20px}.navbar-button{background-color:#28a745;color:#fff;border:2px solid white;padding:8px 16px;font-size:16px;cursor:pointer;border-radius:5px}.navbar-button:hover{background-color:#218838;border-color:#218838}.name-to-recipe-container{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;margin:0 auto;width:100%;max-width:1000px}.recipe-title{text-align:center;font-size:2em;color:#3b8c2b;margin-bottom:20px}.input-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:20px}.search-input{padding:10px;font-size:16px;width:100%;max-width:400px;border:1px solid #ddd;border-radius:5px}.search-button{padding:10px 20px;font-size:16px;background-color:#3b8c2b;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-button:disabled{background-color:#b1e7a7;cursor:not-allowed}.error-message{color:red;font-size:1.2em;margin-top:10px}.recipe-container{display:flex;flex-direction:column;align-items:center;width:100%}.recipe-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.recipe-image{max-width:400px;height:auto;border-radius:8px}.ingredients-box{width:100%;max-width:400px;background-color:#f4f4f4;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ingredients-list{max-height:200px;overflow-y:auto;padding-right:10px}.ingredients-list ul{list-style:none;padding:0;margin:0}.ingredients-list li{margin-bottom:5px;font-size:1em}.instructions{margin-top:20px;width:100%;max-width:800px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.instructions h3{font-size:1.5em;color:#3b8c2b;margin-bottom:10px}.app{font-family:Arial,sans-serif;text-align:center;padding:20px}.input-section{margin:20px 0}input{padding:10px;width:300px;margin-right:10px;border:1px solid #ccc;border-radius:5px}button{padding:10px 15px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#218838}.error{color:red;margin:10px 0}.recipes{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.recipe-card{display:flex;align-items:flex-start;border:1px solid #ccc;border-radius:10px;overflow:hidden;width:600px;text-align:left;background-color:#f9f9f9}.recipe-image{width:300px;height:auto}.recipe-details{padding:15px;flex:1}.recipe-details h4{margin-top:10px;margin-bottom:5px}.recipe-details p{margin:5px 0}.diet-recommendation{font-family:Arial,sans-serif;margin:20px;padding:20px;max-width:800px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;background-color:#f9f9f9}.diet-recommendation h1{text-align:center;color:#333}.input-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.input-section label{font-weight:700}.input-section input,.input-section select,.input-section button{padding:8px;font-size:16px;border:1px solid #ddd;border-radius:4px}.input-section button{background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .3s ease}.input-section button:hover{background-color:#45a049}.results{margin-bottom:20px;padding:10px;background-color:#e7f4e4;border:1px solid #cce3cc;border-radius:6px}.results p{margin:5px 0;font-weight:700}.meal-plan{margin-top:20px}.meal-section{margin-bottom:30px}.meal-section h3{color:#4caf50;margin-bottom:10px}.meal-card{border:1px solid #ddd;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:10px;background-color:#fff}.meal-info{display:flex;gap:20px;align-items:flex-start}.meal-image{width:150px;height:150px;object-fit:cover;border-radius:8px}.ingredients-box{flex-grow:1;max-height:150px;overflow-y:auto;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.ingredients-box h4{margin-bottom:8px;font-size:16px;color:#333}.ingredients-box ul{list-style-type:disc;padding-left:20px}.ingredients-box ul li{font-size:14px;margin-bottom:5px}.instructions{margin-top:10px}.instructions h4{font-size:16px;margin-bottom:8px;color:#333}.instructions p{font-size:14px;line-height:1.5;color:#555}.meal-section button{align-self:flex-end;padding:8px 12px;font-size:14px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.meal-section button:hover{background-color:#0056b3}.error{color:red;font-weight:700;margin-bottom:20px;text-align:center}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}