.app{min-height:100vh}.food-card{align-items:center;background-color:hsla(0,0%,100%,.148);border:1px solid #ffffff47;border-radius:20px;display:flex;gap:1rem;justify-content:space-between;width:500px}.food-card:hover .image img{opacity:1}.image{height:200px;width:45%}.image img{border-bottom-left-radius:20px;border-top-left-radius:20px;height:100%;object-fit:cover;opacity:.5;transition:all 1s;width:100%}.food-info{align-items:center;display:flex;flex-direction:column;gap:1rem;height:200px;justify-content:center;padding:1rem;width:60%}.name{color:#bf3131;font-size:1.5rem;font-weight:700}.description{cursor:pointer}.price{color:#cea9b3;font-size:1.5rem}@media screen and (max-width:780px){.food-card{width:360px}}.food-lists{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:2rem 3rem;text-align:center}.food-lists .search{width:50%}.food-lists .search input{background-color:#c3c0c0;border-radius:10px;outline:none;padding:10px;width:100%}.food-lists .search input::placeholder{color:#000}.food-list{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media screen and (max-width:780px){.food-lists{padding:1rem}.food-lists .search{width:70%}}header{align-items:center;background-color:#3498db;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;justify-content:space-between;margin:1.5rem;padding:2rem 5rem;text-align:center}header h1{color:#fff5f5;font-family:Arial,sans-serif;font-size:2rem;text-shadow:1px 2px 10px #000000b3;text-transform:uppercase;transition:color .3s ease}header h1:hover{color:#e74c3c}#categories{background-color:#2c3e50;border:none;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff5f5;cursor:pointer;font-size:1.1rem;outline:none;padding:12px 16px;transition:all .3s ease;width:30%}#categories:focus,#categories:hover{background-color:#1a252f;transform:translateY(-2px)}#categories:active{transform:scale(.98)}.category{background-color:#0000}@media screen and (max-width:780px){header{flex-direction:column;padding:1rem}header h1{font-size:1.5rem}#categories{width:100%}}
/*# sourceMappingURL=main.b268d734.css.map*/