.msg{transition:background-color .3s ease}.info h1{color:#333}.info h3{color:#555}.info p{color:#666}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.msg{text-align:center}.dark-mode .toggle-button{border-color:#444}.dark-mode .toggle-button:hover{background-color:#444;border-color:#555}.cuisine-list{gap:16px}.pagination,.text{margin-top:20px}.pagination{display:flex;justify-content:center}.page-button{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;margin:0 4px;padding:8px 12px;transition:background-color .3s ease}.page-button.active{background-color:#28a745;border-color:#28a745;color:#fff}.page-button:hover{background-color:#f1f1f1}@media (max-width:1200px){.msg img{max-height:250px;max-width:250px}.info h1{font-size:1.75rem}.info p{font-size:.9rem}.searchBar input{font-size:20px;width:350px}.searchBar button{font-size:18px;width:80px}}@media (max-width:768px){.msg{align-items:flex-start;flex-direction:column}.msg img{margin-bottom:20px;margin-right:0;max-height:200px;max-width:200px}.info{padding:10px}.info h1{font-size:1.5rem}.info button{font-size:.9rem;padding:8px 16px}.searchBar input{font-size:18px;width:300px}.searchBar button{font-size:16px;width:70px}.mealImg{height:320px;width:220px}.mealImg img{height:220px}}@media (max-width:576px){.msg{padding:10px}.msg img{max-height:150px;max-width:150px}.info h1{font-size:1.25rem}.info button{font-size:.8rem;padding:6px 12px}.searchBar input{font-size:16px;width:250px}.searchBar button{font-size:14px;width:60px}.mealImg{height:280px;width:180px}.mealImg img{height:180px}}.cuisine-card{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-align:center;transition:transform .3s ease;width:150px}.cuisine-card:hover{transform:translateY(-10px)}.cuisine-image{height:auto;transition:transform .3s ease;width:100%}.cuisine-card:hover .cuisine-image{transform:scale(1.1)}.cuisine-name{background-color:#fff;box-sizing:border-box;color:#000;color:var(--text-color);font-weight:700;padding:8px;width:100%}body.dark-mode .cuisine-card{background-color:#444;border-color:#666}body.dark-mode .cuisine-name{background-color:#444}body,body.dark-mode .cuisine-name{color:#000;color:var(--text-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--background-color:#f5f5f5;--text-color:#000;--primary-color:#ff8c00;--secondary-color:#ff7f00;--input-bg-color:#e7e7e7;--input-focus-bg-color:#dcdcdc}body.dark-mode{--background-color:#333;--text-color:#fff;--input-bg-color:#555;--input-focus-bg-color:#444}.msg{align-items:center;background-color:#f5f5f5;background-color:var(--background-color);border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:auto;padding:20px;transition:background-color .3s ease,color .3s ease;width:100%}body.dark-mode .msg{background-color:#444;color:#000;color:var(--text-color)}.msg img{border-radius:10px;flex-shrink:0;margin-right:20px;max-height:300px;max-width:300px;object-fit:cover;transition:transform .3s ease}.info{flex:1 1;max-width:600px;padding:20px}.info,body.dark-mode .info{color:#000;color:var(--text-color)}.info h1{color:inherit;font-size:2rem;margin-bottom:10px}.info button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin:10px 0;padding:10px 20px;transition:background-color .3s ease,transform .3s ease}.info button:hover{background-color:#0056b3;transform:scale(1.05)}.info h3{color:inherit;font-size:1.5rem;margin-top:20px}.info p{color:inherit;font-size:1rem;line-height:1.6}.msg:hover{background-color:#e0e0e0}body.dark-mode .msg:hover{background-color:#555}.msg img:hover{transform:scale(1.05)}.text{text-align:center}.searchBar{display:flex;gap:7px;justify-content:center;margin-top:22px}.searchBar input{background-color:#e7e7e7;background-color:var(--input-bg-color);border:none;border-radius:6px;font-size:22px;outline:none;padding:9px;transition:background-color .3s ease;width:400px}.searchBar input:focus{background-color:#dcdcdc;background-color:var(--input-focus-bg-color)}.searchBar button{background-color:#ff8c00;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;transition:background-color .3s ease;width:90px}.searchBar button:hover{background-color:#ff7f00;background-color:var(--secondary-color)}.head{text-align:center}.meals{display:flex;flex-wrap:wrap;gap:21px;justify-content:center;margin:44px auto auto;width:90%}.mealImg{background-color:#fff;border-radius:11px;box-shadow:0 3px 6px #0000001a;cursor:pointer;height:380px;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:280px}.mealImg:hover{box-shadow:0 6px 12px #0003;transform:translateY(-10px)}.mealImg img{border-top-left-radius:11px;border-top-right-radius:11px;height:270px;width:100%}.mealImg p{font-weight:600;margin:10px 0}.mealImg button{background-color:#ff8c00;background-color:var(--primary-color);border:none;border-radius:21px;color:#fff;cursor:pointer;font-size:17px;padding:7px;transition:background-color .3s ease;width:120px}.mealImg button:hover{background-color:#ff7f00;background-color:var(--secondary-color)}.mealInfo img{border-radius:11px;height:400px;width:400px}.mealInfo{align-items:center;background-color:#ffb52a;display:flex;gap:22px;height:90vh;justify-content:center;margin:auto;padding:32px}.mealInfo button{background-color:#ff4500;border:none;border-radius:6px;color:#fff;font-size:19px;padding:9px}.mealInfo .info{margin-top:-112px}.mealImg:hover img{transform:scale(1.1)}.container{position:relative;z-index:1}.mealImg:before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),#ffffff1a,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background .1s ease;width:100%;z-index:-1}.mealImg:hover:before{opacity:1}.mealImg{position:relative}.mealImg img{transform-origin:center;transition:transform .2s ease}.mealImg:hover img{transform:scale(1.05)}.cuisine-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.cuisine-item{background-color:#ff8c00;background-color:var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.cuisine-item:hover{background-color:#ff7f00;background-color:var(--secondary-color)}.toggle-button{background-color:#fff;border:2px solid #ff8c00;border-radius:20px;color:#ff8c00;cursor:pointer;font-size:16px;height:40px;justify-content:center;transition:background-color .3s,color .3s,transform .3s;width:120px}.toggle-button,.toggle-switch{align-items:center;display:flex}.toggle-switch{gap:10px;position:fixed;right:20px;top:20px}.toggle-button:hover{background-color:#ff8c00;color:#fff;transform:scale(1.05)}.dark-mode .toggle-button{background-color:#333;border-color:#555;color:#fff}.dark-mode .toggle-button:hover{background-color:#555;border-color:#777}.loader{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:60px;z-index:9999}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hidden{display:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.32656150.css.map*/