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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Header{background-color:#1f6f78;color:#fff;flex-direction:column;font-size:24px}.Header,.search-bar{align-items:center;display:flex;justify-content:center}.search-bar{background-color:#118a7e;margin:auto;max-width:100%;padding:10px;width:100%}.search-input{border:1px solid #ccc;border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}button{background-color:#93e4c1;border:none;border-radius:5px;color:#1f6f78;cursor:pointer;padding:10px}.search-bar form{align-items:center;display:flex;justify-content:center}.search-bar button,.search-bar input[type=text]{margin:0 5px}.recipe-display{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}footer{border-top:1px solid #f9f7fe;color:#0009;font-size:14px;padding:30px 0 0;text-align:center}@media (min-width:768px){.Header{font-size:18px}.search-bar form{flex-direction:column}.search-input,button{margin:5px 0;width:100%}.recipe-display{grid-template-columns:repeat(3,1fr)}}.recipe-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin-bottom:20px}.recipe-info{position:relative}.recipe-image{display:block;height:auto;margin:0 auto;object-fit:cover;width:50%}.recipe-type{background-color:#fffc;border-bottom-right-radius:8px;color:#333;font-size:14px;font-style:italic;padding:5px 10px;text-align:center}.recipe-text{display:flex;flex-direction:column;flex-grow:1;padding:15px}.recipe-name{color:#1f6f78;font-size:2em;margin:10px 0;text-align:center}.ingredients{margin-bottom:15px}.ingredients li{margin-bottom:5px}.recipe-link{margin-top:auto;text-align:center}.recipe-button{background-color:#93e4c1;border-radius:5px;color:#1f6f78;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none}.recipe-card:hover{box-shadow:0 6px 12px #00000026;transform:scale(1.02);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.recipe-button:hover{background-color:#1f6f78;color:#fff;transition:background-color .2s,color .2s}@media (max-width:768px){.recipe-card{margin:10px}.recipe-name{font-size:1.2em}.recipe-image{width:100%}.recipe-info,.recipe-link,.recipe-text{padding:10px}}
/*# sourceMappingURL=main.77e91c5b.css.map*/