body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#b1e7f1;height:100%;min-height:100vh;padding:15px;text-align:center}body{background-color:#f8f9fa;color:#333;font-family:Inter,sans-serif;margin:0}.homepage,body{transition:background-color .3s ease,color .3s ease}.homepage{border-radius:8px;margin:0 auto;max-width:1200px;padding:20px}.error-message,.loading,.no-results{color:#555;font-size:1.1em;margin-top:20px;text-align:center;width:100%}.error-message{color:#dc3545}.search-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:15px;transition:background-color .3s ease,box-shadow .3s ease}.search-input{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#333;flex-grow:1;font-size:1em;max-width:400px;outline:none;padding:10px 15px;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.search-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s ease-in-out}.search-button:hover{background-color:#0056b3}.recipe-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;padding:20px 0}.favorites-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-top:40px;padding:20px;transition:background-color .3s ease,box-shadow .3s ease}.favorites-section h2{color:#007bff;margin-bottom:20px;text-align:center;transition:color .3s ease}body.dark-theme{color:#f0f0f0}.homepage.dark-theme,body.dark-theme{background-color:#2c2c2c}body.dark-theme .loading,body.dark-theme .no-results{color:#bbb}body.dark-theme .search-form{background-color:#3c3c3c;box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-theme .search-input{background-color:#4a4a4a;border-color:#555;color:#f0f0f0}body.dark-theme .search-input:focus{border-color:#8bb1ff;box-shadow:0 0 0 .2rem rgba(139,177,255,.25)}body.dark-theme .search-button{background-color:#4caf50}body.dark-theme .search-button:hover{background-color:#45a049}body.dark-theme .favorites-section{background-color:#3c3c3c;box-shadow:0 2px 4px rgba(0,0,0,.3)}body.dark-theme .favorites-section h2{color:#8bb1ff}.recipe-item{border:1px solid #e0e0e0}body.dark-theme .recipe-item{background-color:#444;border-color:#555;box-shadow:0 4px 8px rgba(0,0,0,.4)}body.dark-theme .recipe-item:hover{box-shadow:0 6px 12px rgba(0,0,0,.5)}body.dark-theme .recipe-item h3{color:#f0f0f0}.theme-toggle-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:.9em;margin:0 0 20px;padding:10px 15px;text-align:center;transition:background-color .2s ease-in-out;width:100%}.theme-toggle-button:hover{background-color:#5a6268}.homepage{position:relative}.recipe items{color:#fff;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:30px}.favorites-wrapper{display:flex;flex-direction:column}.favorites{display:flex;gap:25px;margin-bottom:30px;overflow:auto}.button{background-color:#fa6400;border-color:#fa6400;border-radius:4px;box-shadow:0 1px 3px 0 rgb(0 0 0/2%);color:#fff;cursor:pointer;font-size:16px;padding:10px 40px}.items{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:30px}.loading{color:#fff;font-size:40px;text-transform:uppercase}.favorites.title{color:orange;font-weight:700}.recipe-item{align-items:center;background-color:#fff;border:1px solid #f50505;border-radius:8px;box-shadow:0 0 10px 0 #fa6400;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:10px;text-align:center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:280px}.recipe-item:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.recipe-item img{border-radius:4px;height:auto;margin-bottom:15px;max-height:180px;max-width:100%;object-fit:cover}.recipe-item h3{-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.25em;line-height:1.4;margin:0;overflow:hidden;padding:0 5px;text-overflow:ellipsis}.homepage .recipe-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;padding:20px 0}
/*# sourceMappingURL=main.0bb55c24.css.map*/