@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap);body{max-width:100vw;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;display:flex;justify-content:center;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{margin:0;text-align:center;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:100%}footer{position:fixed}.recipes{flex-direction:column;overflow:hidden}.filter-list{display:flex;list-style:none;text-align:left;font-size:18px;flex-direction:row;flex-wrap:wrap;align-items:baseline;background-color:rgba(38,170,21,.6);max-width:450px}.recipe-input{padding:8px 17px;min-width:200px;max-width:100vw;font-size:16px;border-radius:5px}@media screen and (min-width:760px){#recipe-search{display:flex;justify-content:center;place-items:center;width:100%;margin:0 20px 20px}}.recipe-info-component{margin-top:-150px;min-width:100vw;width:auto;min-height:100vh;height:auto;background-color:#fff;color:#000}.recipes{display:flex;align-items:center;margin-bottom:30px}@media screen and (min-width:860px){.recipes{flex-flow:row wrap;justify-content:center;width:80vw}}.recipe-header{text-decoration:none;margin:33px 2px 2px;overflow:hidden;max-width:310px}.recipe-header,.recipe-total-time{text-shadow:2px 2px 4px #000;align-self:start}.recipe-total-time{margin:2px;text-align:left}.gluten-free-icon{width:30px;height:30px;align-self:end;margin-top:-25px}.isFavorite{background-image:url(https://upload.wikimedia.org/wikipedia/commons/3/35/Emoji_u2665.svg)}.isFavorite,.notFavorite{width:40px;height:40px;background-size:100%;align-self:flex-end}.notFavorite{background-image:url(https://upload.wikimedia.org/wikipedia/commons/4/4f/Ei-heart.svg)}.recipe-information{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;height:auto;width:100vw;background-color:#fff;color:#000;list-style:none;overflow:hidden;margin-bottom:50px}.info-header{padding:20px;display:flex;flex-flow:column wrap;max-width:450px}.dish-types-and-allergies{display:flex;justify-content:space-between;align-self:center;width:90vw;max-width:450px}.gluten-free-icon-info-page{width:30px;height:30px}.dish-types{display:flex}.breakfast{background-color:#39a039}.breakfast,.lunch{color:#fff;font-size:18px;margin:2px 0 5px 2px;padding:3px 9px;border-radius:10px}.lunch{background-color:#cc9838}.dinner{background-color:#5151d8}.dinner,.side-dish{color:#fff;font-size:18px;margin:2px 0 5px 2px;padding:3px 9px;border-radius:10px}.side-dish{background-color:#c05252}.snack{background-color:#4c79e2}.snack,.soup{color:#fff;font-size:18px;margin:2px 0 5px 2px;padding:3px 9px;border-radius:10px}.soup{background-color:#48daa2}.dessert{background-color:#976f6f}.dessert,.sauce{color:#fff;font-size:18px;margin:2px 0 5px 2px;padding:3px 9px;border-radius:10px}.sauce{background-color:#c0d66d}.drink{color:#fff;font-size:18px;margin:2px 0 5px 2px;padding:3px 9px;background-color:#af8c4c;border-radius:10px}.info-overview,.main-image{align-self:center;width:90vw;max-width:450px}.info-overview{display:flex;justify-content:space-around;list-style:none;margin-left:-35px}.overview-list{display:flex;flex-flow:column nowrap;margin:0 20px 0 5px}.ingredients{display:flex;align-content:center;flex-flow:column wrap;text-align:left;margin-bottom:20px;width:90vw;max-width:450px}.ingredients-list{align-self:flex-start;width:250px;list-style:circle}.view-image{width:30%;padding:.5em;margin-bottom:10px;color:#fff;background-color:#26aa15;cursor:pointer;border-radius:5px;font-size:16px}.ingredient-img-section{display:flex;justify-self:center;flex-wrap:wrap;justify-content:center;align-items:flex-end;padding-top:30px;width:100%;overflow:auto}.ingredient-image-frame{margin:5px}.instructions{align-self:center;margin-bottom:45px;width:90vw;max-width:450px}.info-icon{font-size:20px}.footer{padding:0;justify-content:space-around;position:fixed;list-style:none;text-decoration:none;max-height:30px;background-color:#fff;bottom:0;width:100%}.footer,.logo{margin:0;display:flex}.logo{width:100px;align-self:center}
/*# sourceMappingURL=main.ef6cae27.chunk.css.map */