*{box-sizing:border-box}body{line-height:1.5;font-weight:400;font-family:Bitter,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:hover{opacity:.8}button{font-family:Bitter,serif}button:hover{cursor:pointer;opacity:.8}svg:hover{opacity:.8}#root{display:flex;flex-direction:column;align-items:center;justify-content:center}.layout-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.layout-container>nav{display:flex;align-items:center;justify-content:center;width:50%;padding:1em;column-gap:3em}.layout-container>nav>a{width:33%;text-align:center;text-decoration:none;font-size:1.25rem;color:#000;background-color:#f5f5f5;border:1px solid black;border-radius:.5em;padding:.75em 1em}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;margin:0 auto}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 1em 1em}.app-desc{margin:0 0 .5em}.ingredient-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.input-section{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:1em}.ingredient-input{display:flex;align-items:center;justify-content:center;margin-block:.5em}.ingredient-input>span{width:100px;text-align:center;font-weight:700;font-size:1.25rem}.ingredient-input>input{border:2px solid black;border-radius:.5em 0 0 .5em;margin:0 0 0 1.5em;padding:1em}#add-item-btn{color:#fff;font-weight:700;background-color:green;border:2px solid black;border-left:none;border-radius:0 .5em .5em 0;text-align:center;padding:1em 1.5em}.ingredient-list-container{border:2px solid black;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#f8e9d6;margin-block:1em 0 2em 0;padding:1em}.ingredient-list-container>span{font-weight:700;margin-block:.25em}.ingredient{display:flex;align-items:center;justify-content:space-between;width:50%;font-weight:700;margin-block:1em}.ingredient>span:nth-child(2){color:#c70f0f;font-size:small;font-style:italic;cursor:pointer}.ingredient>span:nth-child(2):hover{opacity:.8}#find-recipe-btn{width:50%;color:#fff;font-size:1rem;font-weight:700;background-color:green;border-radius:.5em;border:2px solid black;margin-top:.5em;padding:1em 1.5em}.recipe-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.recipe-filter-btns{display:flex;align-items:center;justify-content:center;width:25%;font-weight:700;column-gap:1em;padding:1em}.recipe-filter-btns>button{font-weight:700;padding:.5em .75em}.recipe-key{display:flex;align-items:center;justify-content:center;font-weight:700;margin-top:2em}.recipe-key>span:nth-child(2){margin:0 3em}.recipe-cards-container{display:flex;align-items:flex-start;justify-content:center;width:100%;flex-wrap:wrap;margin-block:2em;row-gap:1em;column-gap:1em}.recipe-card{border:2px solid black;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;min-width:400px;max-width:400px;background-color:#f8f1e6;padding:1em}.recipe-card>h3{display:flex;align-items:center;justify-content:space-between;width:100%}.favorite-icon{display:flex;align-items:center;font-size:1.5rem;font-weight:400;margin-left:1em;cursor:pointer}.favorite-icon>path{height:100%}.recipe-tags{font-weight:700;margin:0}.recipe-tags>span:nth-child(1){margin-right:1.5em}.ingredients-list>p{font-weight:700}.ingredients-list>span{font-style:italic}.instructions-list>p:nth-child(1){font-weight:700}#shopping-list-btn{font-weight:700;margin-top:.75em;padding:.5em 1em}.saved-recipes-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.no-saved-recipes{display:flex;flex-direction:column;align-items:center;justify-content:center}.shopping-list-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;margin-bottom:1.5em}.shopping-list-actions{display:flex;align-items:center;justify-content:center;width:100%;column-gap:1em}.shopping-list-actions>button{width:25%;font-weight:700;padding:.5em 1em}.no-shopping-items{display:flex;flex-direction:column;align-items:center;justify-content:center}.toast{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:16px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 4px 8px #0003;z-index:1000;min-width:300px;animation:slideInRight .3s ease-out}.toast-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;margin-left:10px;line-height:1}.toast-close:hover{opacity:.7}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.blue{color:#00f}.red{color:red}@media screen and (max-width:480px){.layout-container>nav{width:95%;flex-direction:column;row-gap:1em;column-gap:0;padding:1em .5em}.layout-container>nav>a{width:100%;font-size:1rem;padding:.75em .5em}.main-container{width:95%}.home-container{padding:0 .5em 1em}h1{font-size:1.75rem;text-align:center}h2{font-size:1.25rem;text-align:center}.app-desc{font-size:.9rem;text-align:center}.ingredient-input{flex-direction:column;width:100%;margin-block:.75em}.ingredient-input>span{width:100%;margin-bottom:.5em;font-size:1rem}.ingredient-input>input{width:100%;margin:0;border-radius:.5em .5em 0 0;font-size:1rem}#add-item-btn{width:100%;border-radius:0 0 .5em .5em;border-top:none;border-left:2px solid black;font-size:1rem;padding:1em}.ingredient{width:100%;font-size:.9rem;padding:.5em}#find-recipe-btn{width:100%;font-size:1rem}.recipe-filter-btns{width:100%;flex-direction:column;row-gap:.5em}.recipe-filter-btns>button{width:100%;padding:.75em}.recipe-key{flex-direction:column;text-align:center;font-size:.8rem}.recipe-key>span:nth-child(2){margin:.5em 0}.recipe-cards-container{flex-direction:column;align-items:center}.recipe-card{min-width:100%;max-width:100%;margin-bottom:1em}.recipe-card>h3{font-size:1.1rem}.recipe-card>p{font-size:.9rem}.recipe-tags{font-size:.85rem}.recipe-tags>span:nth-child(1){margin-right:1em}.ingredients-list>p{font-size:.9rem}.ingredients-list>span{font-size:.85rem}.instructions-list>p{font-size:.9rem}#shopping-list-btn{font-size:.9rem;width:100%}.shopping-list-page{width:95%}.shopping-list-actions{flex-direction:column;row-gap:.5em}.shopping-list-actions>button{width:100%;padding:.75em}.toast{right:10px;left:10px;min-width:auto;font-size:.9rem}}@media screen and (min-width:481px)and (max-width:768px){.layout-container>nav{width:80%;padding:1em}.layout-container>nav>a{font-size:1.1rem;padding:.75em 1em}.main-container{width:85%}h1{font-size:2rem}h2{font-size:1.5rem}.app-desc{font-size:1rem}.ingredient-input>span{font-size:1.1rem}.ingredient-input>input{font-size:1rem}#add-item-btn{font-size:1rem}.ingredient,#find-recipe-btn{width:80%;font-size:1rem}.recipe-filter-btns{width:60%}.recipe-filter-btns>button{font-size:.9rem}.recipe-cards-container{justify-content:center}.recipe-card{min-width:300px;max-width:300px}.recipe-card>h3{font-size:1.2rem}.recipe-card>p{font-size:1rem}.shopping-list-page{width:85%}.shopping-list-actions>button{width:30%}}@media screen and (min-width:1280px)and (max-width:1439px){.layout-container>nav>a{font-size:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.app-desc{font-size:1rem}.ingredient-input>span{font-size:1rem}.ingredient-input>input{font-size:.8rem}#add-item-btn,.ingredient{font-size:.8rem}.ingredient>span:nth-child(2){font-size:.8rem}.ingredient>span:nth-child(2):hover{opacity:.8}#find-recipe-btn{font-size:1rem}.recipe-filter-btns{width:100%;font-size:.8rem}.recipe-filter-btns>button{font-size:.8rem}.recipe-key{font-size:1rem}.recipe-key>span:nth-child(2){margin:0 3em}.recipe-card{min-width:350px;max-width:350px}.recipe-card>h3{font-size:1.25rem}.recipe-card>p{font-size:1rem}.recipe-tags{font-size:1rem}.ingredients-list>p{font-size:1rem}.ingredients-list>span{font-size:1rem}.instructions-list>p{font-size:1rem}.instructions-list>p:nth-child(1){font-weight:700}#shopping-list-btn{font-size:.9rem}.no-saved-recipes,.shopping-list-page{font-size:1rem}.shopping-list-actions>button{font-size:.8rem}.no-shopping-items>h2{font-size:1.5rem}}@media screen and (min-width:2560px){.layout-container>nav>a{font-size:1.5rem}h1{font-size:2.5rem}h2{font-size:2rem}.app-desc{font-size:1.25rem}.ingredient-input>span{font-size:1.5rem;margin-right:.5em}.ingredient-input>input{font-size:1rem}#add-item-btn{font-size:1rem}.ingredient{font-size:1.25rem}.ingredient>span:nth-child(2){font-size:1.25rem}.ingredient>span:nth-child(2):hover{opacity:.8}#find-recipe-btn,.recipe-filter-btns{font-size:1.25rem}.recipe-filter-btns>button{font-size:1.1rem}.recipe-key{font-size:1.25rem}.recipe-key>span:nth-child(2){margin:0 3em}.recipe-card{min-width:450px;max-width:450px}.recipe-card>h3{font-size:1.5rem}.recipe-card>p{font-size:1.25rem}.recipe-tags{font-size:1.25rem}.ingredients-list>p{font-size:1.25rem}.ingredients-list>span{font-size:1.25rem;font-style:italic}.instructions-list>p{font-size:1.25rem}.instructions-list>p:nth-child(1){font-weight:700}#shopping-list-btn{font-size:1.1rem}.no-saved-recipes,.shopping-list-page{font-size:1.25rem}.shopping-list-actions>button{font-size:1.1rem}.no-shopping-items>h2{font-size:1.75rem}}