:root{--global-dark-green: #283618;--global-light-green: #606c38;--global-cream: #fefae0;--global-blue: #8f85da;--global-red: #bb311c}#root{margin:0;padding:0;scrollbar-color:var(--global-cream) transparent}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 40}body{margin:0}#main_page{display:flex;flex-direction:column;align-self:center;justify-self:center;margin-top:1rem}img{width:8rem;height:8rem;border-radius:1rem;margin:.5rem;cursor:pointer}button{border:none;border-radius:1rem;border-color:#000;transition-duration:.2s;background-color:var(--global-blue);color:#000;overflow:hidden;cursor:pointer;height:3rem;width:7rem;margin:.5rem}button:hover{border-color:#000;border-style:solid;border-width:.3rem}form{display:flex;flex-direction:column;justify-content:center;align-items:center}select{background-color:var(--global-cream);border-radius:1rem;padding:.1rem;width:min-content}h1,h2,p{margin:.5rem}textarea,input{width:100%;border:none;border-radius:1rem;height:2rem;padding:.5rem 0 .5rem .5rem;resize:none;background-color:var(--global-cream)}header{background-color:var(--global-dark-green);color:var(--global-cream);width:100%}header h1{cursor:pointer}#nav_bar{display:flex;flex-direction:row;justify-content:space-between;align-items:end}#nav_bar_pages{display:flex;flex-direction:row;justify-content:space-evenly;padding:.1rem}#nav_bar_pages button{height:4rem;background-color:var(--global-cream);overflow:clip}#recipe_information{display:flex;flex-direction:row;width:100%}#recipe_information h2{margin:0 0 .5rem;overflow:auto;max-height:10rem}#recipe_descriptors{display:flex;flex-direction:column;width:30vw;padding:1rem;border-radius:1rem;margin:1rem;justify-content:space-between;background-color:var(--global-light-green);color:var(--global-cream)}#recipe_descriptors img{margin:0}#recipe_descriptors h2{max-width:25rem}#edit_recipe_options{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}#view_recipe{display:flex;flex-direction:column;justify-content:center;align-items:center}#view_recipe_options{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}#recipe_name textarea{width:50%}#description textarea{height:5rem;width:100%}#category{display:flex;flex-direction:column;align-items:start;gap:1rem;height:100%}#category_and_image{display:flex;flex-direction:row;width:100%;height:100%;justify-content:space-between;align-items:center}#search_images{display:flex;flex-direction:column;height:10rem;width:10rem;overflow:auto;background-color:var(--global-cream);border-radius:1rem;align-items:center;padding:.5rem;margin-left:.5rem}#instructions_and_ingredients{display:flex;flex-direction:row;background-color:var(--global-light-green);width:min-content;padding:1rem;border-radius:1rem;margin:1rem;gap:1rem;color:var(--global-cream)}#parent_list_div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}#parent_list_header h2{width:50%}#listed_item_container{display:flex;flex-direction:column;width:25vw;height:19rem;padding:.5rem;gap:.5rem;overflow-y:auto;background-color:var(--global-dark-green);border-radius:1rem;color:var(--global-cream)}#listed_item{display:flex;flex-direction:row;align-items:start;max-width:100%}#listed_item p{overflow:auto;min-width:5%}#listed_item #ingredient_textarea{height:2rem}#listed_item #instruction_textarea{height:3rem}#listed_item button{display:flex;align-items:center;justify-content:center;width:3rem;height:2rem}#weekly_menu_container{display:flex;flex-direction:column;background-color:var(--global-light-green);border-radius:1rem;padding:1rem;margin:1rem 0;justify-content:center;color:var(--global-cream)}#weekly_menu_header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}#week_container{display:flex;flex-direction:row;flex-wrap:wrap;background-color:var(--global-dark-green);justify-content:center;border-radius:1rem;padding:1rem;gap:1rem;overflow-x:auto}#individual_day{display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--global-cream);border-radius:1rem;width:min-content;height:auto}#individual_day p{height:3rem;width:8rem;margin:.5rem .5rem 0;overflow:hidden;color:#000}#individual_day img{margin:0}#confirm_delete{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:1;background-color:#00000080;align-content:center;justify-items:center}#delete_content{display:flex;flex-direction:column;align-items:center;border-radius:1rem;padding:1rem;background-color:var(--global-cream);color:#000}#delete_button{background-color:var(--global-red);color:var(--global-cream)}#categories_page_container{display:flex;flex-direction:column;gap:1rem;width:90vw;align-items:center}#find_recipes_container{display:flex;flex-direction:column;padding:1rem;border-radius:1rem;background-color:var(--global-light-green);color:var(--global-cream);width:85vw}#categories_section{display:flex;flex-direction:row;justify-content:space-between}#categories_section p{font-size:120%;font-weight:600}#categories_section input{width:30%}#listed_buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:.5rem;align-self:center;column-gap:1rem;width:fit-content;background-color:var(--global-dark-green);border-radius:1rem}#individual_recipe{display:flex;flex-direction:column;justify-content:center;align-items:center}#options_page{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){header{padding:0}img{height:7rem;width:7rem}button:hover{border-width:0}#recipe_information{flex-direction:column;align-items:center;width:95vw}#recipe_descriptors{width:80vw}#recipe_descriptors h2{max-width:100%}#instructions_and_ingredients{flex-direction:column;width:85%}#listed_item_container{width:100%}#view_recipe_options{width:95vw}#categories_page_container{width:100%}#categories_section{flex-direction:column;align-items:center}#categories_section input{width:100%}#listed_buttons{margin:.25rem}#find_recipes_container{padding:.5rem;width:95%}#weekly_menu_container{padding:0}#week_container{padding:.5rem;gap:.5rem;align-items:center}#individual_day p{width:5rem}#individual_day img{width:5rem;height:5rem}#individual_day button{width:5rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--global-cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}