@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);body{background:#f1f1f1;color:#333;font-family:Raleway,sans-serif;font-size:1.5em;margin:0;text-align:center}.container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#3498db;margin:0 auto;max-width:90vw;padding:20px}h1{color:#3498db;margin-bottom:30px;text-align:center}.section-title{color:#3498db;font-size:1.5rem;margin-bottom:10px}.input-container{align-items:center;display:flex;margin-bottom:20px}.input-container .search-input{margin-right:10px}.search-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:16px;outline:none;padding:12px;transition:border-color .3s ease}.search-input:focus{border-color:#1abc9c}.search-button{background-color:#1abc9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:13px 20px;transition:background-color .3s ease}.search-button:hover{background-color:#16a085}.add-ingredient-button{background-color:#1abc9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:13px 20px;transition:background-color .3s ease}.add-ingredient-button:hover{background-color:#16a085}.ingredients-list{align-items:center;background-color:#f9f9f9;border-radius:6px;color:#16a085;display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.ingredients-list li{border:1px solid #ccc;border-radius:6px;display:inline-flex;font-size:25px;margin:5px;padding:10px}.ingredients-list li:before{content:"•";font-size:20px;margin:5px 10px 0 0}.remove-ingredient-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:20px;padding:8px 10px;transition:background-color .3s ease}.remove-ingredient-button:hover{background-color:#c0392b}.clear-button{background-color:#e74c3c;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:14.5px 15px 10px;transition:background-color .3s ease}.clear-button:hover{background-color:#c0392b}.error-message{color:#e74c3c;margin-top:10px}@media screen and (max-width:700px){.input-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.search-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:16px;outline:none;padding:12px}.clear-button{margin-right:0;margin-top:5px}.error-message,.selected-recipe{font-size:1rem}}.recipe-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:20px;row-gap:20px}.recipe-card{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;margin:0;padding:10px;width:25%}.recipe-card img{border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100%}@media screen and (max-width:1000px){.recipe-card{width:100%}.recipe-card img{margin:auto;max-width:100%}}.recipe-card ul{margin:10px 0;padding-left:20px}.recipe-card li{list-style-type:disc;margin:10px;text-align:left}.recipe-picture{border-radius:5px}.loading-modal{background-color:#fff;border:none;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.3);left:50%;outline:none;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.loading-spinner{font-size:24px;text-align:center}.view-recipe-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-top:10px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.view-recipe-button:hover{background-color:#1e6ab0}.view-recipe-button:visited{color:#fff}
/*# sourceMappingURL=main.35e86533.css.map*/