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}.split-page{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 2rem 2rem 3rem}.user-card{align-items:center;background-color:#eaa861;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;margin:0 2rem;padding:1rem}.profile-pic{border:1px solid #ffefd5;border-radius:50%;height:18rem;margin-bottom:1rem;width:18rem}.cuisine-display,.preference-display{text-wrap:wrap;font-size:1.5rem}.full-name{font-size:3rem;margin:0}.username{color:#000;font-size:1rem;margin-top:.5rem}.bio{font-size:1rem;padding:1rem}.profile-followers{display:flex;margin-top:2rem}.profile-follow-button{margin-inline:3rem;text-decoration:none}.profile-right{flex-direction:column;justify-content:flex-start}.buttons-box,.profile-right{align-items:center;display:flex}.buttons-box{flex-wrap:wrap;justify-items:space-between;margin:0 2rem}.profile-buttons{background-color:#87cefa;border:1px solid #000;border-radius:50%;font-size:3rem;height:18rem;margin:2rem;width:18rem}.profile-buttons:hover{background-color:#ceebfd;border:1px solid #000}.profileform{border-radius:20px;margin-left:35%;margin-right:35%;max-width:80vw;min-width:240px}.profile-pic{height:10rem;justify-self:center;width:10rem}.change-profile-pic{margin:0;position:relative;width:10rem}.overlay{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:.3 ease}.change-profile-pic:hover .overlay{opacity:1}.change-profile-pic:hover .profile-pic{opacity:.5}.change-profile-pic:hover{cursor:pointer}.icon{height:2rem;left:40%;position:absolute;top:40%;width:auto}.change-profile-pic #choosepfp{border-radius:50%;height:9.5rem;left:0;opacity:0;position:absolute;top:0;width:9.5rem}.change-profile-pic #choosepfp:hover{cursor:pointer}.input-and-label{display:block;margin-bottom:.5rem}.profileform .edit-profile-label{display:block;font-size:1rem;margin:0 .25rem}.bio-input,.profileform .edit-profile-input{background-color:#0000;background-color:#ffefd5;border:1px solid #000;border-radius:20px;font:inherit;height:2rem;margin:.25rem 0;padding-left:.5rem;width:15rem}.profileform .bio-input{font-size:1rem;height:10rem;padding:.5rem}.bio-input:hover,.profileform .edit-profile-input:hover{background-color:#fff}.bio-input:focus,.profileform .edit-profile-input:focus{background-color:#fff;outline:1px solid #000}.delete-account-modal{background:#ffefd5;border:1px ridge #000;border-radius:10px;font-size:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;padding:1rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.deleteform{align-items:center;display:flex;flex-direction:column}.delete-account-input{background-color:#0000;background-color:#fff;border:1px solid #000;border-radius:20px;font:inherit;height:2rem;margin:.25rem 0;padding-left:.5rem;width:15rem}.delete-account-input:hover{outline:1px solid #000}.delete-account-input:focus{background-color:#fff;outline:1px solid #000}.delete-account-button{background-color:red;border:1px solid #000;border-radius:20px;color:#fff;font-size:1.5rem;margin-top:1rem}.delete-account-button,.delete-account-button:hover{height:auto;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.delete-account-button:hover{background-color:hwb(0 35% 0);cursor:pointer}.submit{background-color:#87cefa;border:1px solid #000;border-radius:20px;font-size:1.5rem}.submit,.submit:hover{height:auto;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.submit:hover{background-color:#ceebfd;cursor:pointer}.delete-account{color:rgba(0,0,0,.803);font-size:1rem;margin-top:.5rem;text-decoration:none}.delete-account:hover{color:#000;text-decoration:underline}.forgot{color:rgba(0,0,0,.661);font-size:1rem;margin:0;text-align:right;text-decoration:none}.cuisine-dropdown{border:none;float:right;font-size:1.5rem;margin-right:2rem;margin-top:1.2rem;padding-top:5px;position:relative}.cuisine-dropdown:hover .dropdown-content{display:block}.nav-button,.nav-button:visited{color:#000;text-decoration:none}.search-bar{display:flex;justify-content:center;margin-bottom:2rem}.search-input{background-color:#0000;background-color:#fff;border:1px solid #000;border-radius:20px;font:inherit;height:2rem;margin:.25rem 0;padding-left:.5rem;width:70vw}.search-input:hover{outline:1px solid #000}.search-input:focus{background-color:#fff}.search-icon{height:2rem;margin-left:-2.5rem;margin-top:.3rem;width:auto}.ingredient-and-button{align-items:center;display:flex;justify-content:space-between}.add_to_shopping_list_button{background-color:#87cefa;border:none;border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:15px;outline:1px solid #000;padding:.2rem .3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add_to_shopping_list_button:hover{background-color:#ceebfd;cursor:pointer}.added_button{background-color:#67e05c;color:#000}.added_button,.not_added_button{border:none;border-radius:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:1rem;outline:1px solid #000;padding:.1rem .2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.not_added_button{background-color:#da0000;color:#fff}.print-area{left:200%;position:absolute;top:200%;width:100%}@media print{.footer,.my_recipes,.navBars{display:none}.print-area,.print-area *{display:block;visibility:visible}.print-area{left:0;position:absolute;top:0}}.sg-recipe-button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin:4px 2px;padding:20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.sg-recipe-button:hover{background-color:#555;color:#fff}.small{font-size:1rem}.App{font-family:Arial,sans-serif;min-height:100vh;padding-bottom:10%}.App,body{background-color:#ffefd5}.App-logo{height:40vmin}.App-header{align-items:flex-center;background-color:#ffefd5;color:#000;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;margin-top:60px}.deletePost{width:100%}.deleteIcon{float:right}.settings{width:100%}.link-button{background-color:initial;border:none;cursor:pointer;display:inline;margin:0;outline:none;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background-color:#add8e6;border-radius:5px;margin:10px}.no-suggestions{color:#999;padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{min-height:165px}.suggestions{border:1px solid #999;border-top:0 solid #999;display:inline-block;list-style:none;margin-top:0;max-height:143px;overflow-y:auto;padding-left:0;position:relative;width:calc(300px + 1rem)}.suggestions li{padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:#008f68;color:#fae042;cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid #999}.App-link{color:#09d3ac}.postlist,.userlist{background:blue;border-radius:20px;display:inline-flex;margin:10px;padding:30px;text-align:left;width:60%}.userlist{justify-content:space-between}.comments{background:#fff}.commentlist,.comments{border-radius:20px;color:#000;display:block;margin:10px;padding:10px;width:90%}.commentlist{background:#add8e6;font-size:12px;text-align:left}.maincontent{flex-grow:1;justify-content:center}.maincontent,.posts{display:flex;flex-direction:column}.posts{align-items:center;justify-content:flex-start}.postbody{color:red;max-width:650px}.comment-block,.postbody{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.sidenav{background-color:#cf6e4f;height:12%;position:fixed;top:0;width:100%}.tag-active{border:red;border-style:solid;border-width:thick}.comment-indicator{display:block;float:right;margin-top:10px;text-align:right;width:100%}.comment-icon{float:right;height:40px;width:40px}.comment-indicator-text{background-color:#add8e6;border-radius:10px;color:#000;float:right;font-size:16px;font-weight:700;margin-left:10px;padding:5px;text-align:center;width:120px}.hide{display:none}.modal{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:0}.modal-content{background-color:#fefefe;border:1px solid #888;height:200px;margin:15% auto;padding:1px 10px 20px 20px;width:50%}.close{color:#aaa;float:right;font-size:35px;font-weight:700;line-height:42px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.chat{align-items:center;display:flex;justify-content:center}.chat__main{flex:0.6 1}.message__container{background-color:purple;height:60vh;overflow-y:scroll;padding:20px;width:100%}.chat__footer{background-color:#000;padding:20px;width:100%}.form{display:flex;height:100%;justify-content:space-between;width:100%}.message{border:1px solid #ddd;height:100%;outline:none;padding:12px;width:80%}.messageIcon{height:40px;transition:transform .3s ease;width:40px}.messageIcon:hover{cursor:pointer;transform:scale(1.1)}.sendBtn{background-color:green;border:none;color:#ff0;cursor:pointer;outline:none;padding:10px;width:150px}.message__recipient{background-color:#000;color:#fff;text-align:start;width:300px}.message__recipient,.message__sender{font-size:15px;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message__sender{background-color:blue;margin-left:auto;max-width:400px;text-align:right}.recipient__name{color:#000;font-size:13px;text-align:left}.sender__name{color:#000;font-size:13px;text-align:right}.headings{font-size:3rem}.asterisk{color:red}.input_container{border:1px solid #000;margin-inline:auto;max-width:80vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}input[type=file]::-webkit-file-upload-button{background-color:#fff0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAowVGyQAAABF0Uk5TADRAINP/gJ3A9OBtkmnpSWDT0u+NAAAAUklEQVR4nGNgGAWjAA0wMgEBM0laWFiBgG1Uy6gW6mph50AATpAWLiQBbtwm4wI8Q0sLLxsC8IGUcSAJ8BMMvUEVlaNaBr8WcHYTIEnLKBh6AADgQwcZgFXrKQAAAABJRU5ErkJggg==);background-size:50px;border:1px;border-right:1px solid #000;color:#0000;cursor:pointer;height:50px;margin-right:20px;padding:10px 15px;-webkit-transition:.5s;transition:.5s;width:50px}input[type=file]::file-selector-button{background-color:#fff0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADNQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAowVGyQAAABF0Uk5TADRAINP/gJ3A9OBtkmnpSWDT0u+NAAAAUklEQVR4nGNgGAWjAA0wMgEBM0laWFiBgG1Uy6gW6mph50AATpAWLiQBbtwm4wI8Q0sLLxsC8IGUcSAJ8BMMvUEVlaNaBr8WcHYTIEnLKBh6AADgQwcZgFXrKQAAAABJRU5ErkJggg==);background-size:50px;border:1px;border-right:1px solid #000;color:#0000;cursor:pointer;height:50px;margin-right:20px;padding:10px 15px;transition:.5s;width:50px}input[type=file]::-webkit-file-upload-button:hover{background-color:#ffed2900;border:1px;border-right:1px solid #e5e5e500}input[type=file]::file-selector-button:hover{background-color:#ffed2900;border:1px;border-right:1px solid #e5e5e500}.Navbar_Buttons{background-color:#cf6e4f00;border:thin ridge #0000;color:#000;display:inline-block;font-size:20px;margin:1px;padding:20px;text-align:center;text-decoration:none;z-index:100000}.logo_icon{width:25%}.site_title{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:25%}.navbar_li{display:inline;float:left;padding:10px;z-index:100000}.navbar_image{width:60px;z-index:100000}.user_dropdown_button{background-color:#fff0;border:thin ridge #0000;border-radius:100%;color:#0000}.dropdown{border:thin ridge #000;border-radius:15%;display:inline-block;float:right;margin-right:10px;margin-top:6px;padding-top:5px;position:relative}.dropdown-content{background-color:#f1f1f1;box-shadow:0 8px 16px 0 #0003;display:none;min-width:175px;position:absolute;right:0;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.create_conversions_button{background-color:#4f9bff;border:thin ridge #000;border-radius:10px;bottom:100px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin:4px 2px;padding:20px;position:fixed;right:30px;text-align:center;text-decoration:none;transition:background-color .3s ease;z-index:99}.create_conversions_button:hover{background-color:#555;color:#fff}.create_conversions_button_2{background-color:#4f9bff;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;margin-right:8px;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease}.create_conversions_button_2:hover{background-color:#555;color:#fff}.recipe_name_box{font-family:Arial,serif;font-size:16px;margin-left:10px;max-width:70vw;width:250px}.x_button{background:red;border:thin ridge #0000;border-radius:4px;color:#fff;cursor:pointer;float:right;height:25px;position:relative;right:10px;top:10px;transition:background-color .3s ease;width:25px}.x_button:hover{background-color:#555;color:#fff}.profile_picture_nav{border-radius:100%;height:50px;width:50px}.dismiss_button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin:4px 2px;padding:20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.dismiss_button:hover{background-color:#555;color:#fff}.recipe_posted_pop{background:#fff;color:#000;height:40vh;max-height:220px;max-width:500px;width:90vw}.recipe_posted_pop,.recipe_posted_pop_error{border:thin ridge #000;border-radius:10px;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.recipe_posted_pop_error{background-color:#ff9c9c;color:#da0000;height:220px;width:60vw}.recipe_posted_pop p,.recipe_posted_pop_error p{margin-top:30px}.errorText{background-color:#ff9c9c;border:thin ridge #000;border-radius:10px;color:#da0000;font-size:15px;margin-bottom:10px;max-width:300px;padding:1%;text-align:center;width:50vw}.text_format_instruct{font-size:14px;font-weight:700}.center_div{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.delete_recipe_icon,.delete_recipe_icon_2{height:40px;width:40px}.delete_recipe_icon_2{background-color:#0000;cursor:pointer;display:inline-block}.delete_recipe_button{background-color:#da0000;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;margin:4px 2px;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease}.delete_recipe_button:hover{background-color:#555;color:#fff}.display_recipe_top_items{text-align:center}.display_recipe_description{margin-top:0;margin-inline:auto;width:80vw}.d-r-desc-container{margin:auto;width:90%}.d-r-desc-text{margin-left:5px;margin-right:5px;overflow-wrap:break-word;word-break:break-word}.delete_button_container{display:flex;justify-content:center}.display_recipe_tags_likes_container{align-items:stretch;display:flex;float:right;height:40px;width:100%}.display_recipe_likes{margin-top:0}.display_recipe_single_tag_container{cursor:pointer;display:inline-block;height:100%;margin:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.display_recipe_tag_text{background-color:#4f9bff;word-break:break-word}.display_recipe_tag_text,.display_recipe_tag_text:hover{border-radius:10px;color:#fff;display:inline-block;margin-top:0;padding:6px}.display_recipe_tag_text:hover{background-color:#24528f}.display_recipe_ingr_steps_container{display:flex;flex-direction:column;margin-inline:auto;width:50%}.display_recipe_like_button{background-color:#fff0;border-color:#fff0}.display_recipe_likes{margin:auto}.darkend_background{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.convert_button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:100%;margin:4px 2px;padding:20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.convert_button:hover{background-color:#555;color:#fff}#conversion_answer{margin-inline:auto;margin-bottom:20px;width:90%}.landing_page_recipes_container{display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;margin-inline:auto;width:90vw}.invisible{background-color:#0000;border-color:#0000}.google-doc{height:1280px;margin:auto;width:900px}.cookbooks-list-container{display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;padding-inline:100px}.cookbook-item-container{cursor:pointer;height:330px;margin-bottom:20px;outline:2px solid #333;width:220px}.cookbook-image{height:200px;padding:10px;width:200px}.cookbook-undertext{font-size:20px;line-height:27px;margin:0;padding-left:10px;text-align:left}.unit_conversions_pop{background:#ffefd5;border:1px ridge #000;border-radius:10px;font-size:100%;left:50%;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.center-text{text-align:center}.my_recipes{width:100vw}.pick-a-cuisine-box{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:compact;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;max-width:70vw;outline:1px solid #333;padding:15px;text-align:center}.pick-a-cuisine-box,.pick-a-cuisine-title{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pick-a-cuisine-title{margin-bottom:10px;margin-top:0;padding-top:10px}.pick-a-cuisine-box-tags{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto;text-align:center;width:90%}.pick-a-cuisine-tag-container{cursor:pointer;display:inline-block;height:40px;margin-inline:10px;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cuisine-display,.preference-display{text-align:center;width:50vw}.pick-a-cuisine-box-profile{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:compact;outline:1px solid #333;width:50vw}.pick-a-cuisine-box-profile,.pick-a-cuisine-box-tags-profile{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto}.pick-a-cuisine-box-tags-profile{text-align:center;width:90%}.pick-a-cuisine-none{margin-inline:auto;margin-top:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.edit-cuisine-button{float:right;margin-right:2px;margin-top:1px}.br-margin-bottom{margin-bottom:16px}.pencil_icon{cursor:pointer}.choose-cuisine-checkbox-container{display:flex;flex-direction:row;flex-wrap:wrap;width:72%}.choose-cuisine-checkbox-item{margin-inline:5px;margin-bottom:4px}.post-recipe-image-input-container{text-align:center;width:78%}.post-recipe-image-input-container-label{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.d-cb-name{margin-top:20px}.hide_post_fyp:hover{background-color:#a65035}.footer{background-color:#cf6e4f;color:#000;padding-bottom:30px;padding-top:30px;width:100vw}.footer_resources_container{margin-inline:10%}.tabs_fyp{margin-top:40px;margin-inline:auto;margin-bottom:20px;width:80vw}.tabs_fyp button{background-color:#fff;border:none;border-bottom:.5rem solid #d0d0d0;padding:1rem;width:50%}.tab-fyp-btn-fyp{border-bottom-left-radius:3rem;border-top-left-radius:3rem}.tab-fyp-btn-all-recipes{border-bottom-right-radius:3rem;border-top-right-radius:3rem}.tabs_fyp button:hover{cursor:pointer;filter:brightness(90%)}.tabs_fyp button.active{border-color:#cf6e4f}.tabs_fyp2{margin-top:40px;margin-inline:auto;margin-bottom:20px;width:90vw}.tabs_fyp2 button{background-color:#fff;border:none;border-bottom:.5rem solid #d0d0d0;padding:1rem;width:33%}.tab-fyp2-btn-fyp{border-bottom-left-radius:3rem;border-top-left-radius:3rem}.tab-fyp2-btn-cookbooks{border-bottom-right-radius:3rem;border-top-right-radius:3rem}.tabs_fyp2 button:hover{cursor:pointer;filter:brightness(90%)}.tabs_fyp2 button.active{border-color:#cf6e4f}.textInputContainer{background-color:#eaa861;border:1px solid #000;border-radius:25px;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:20px;margin-inline:5px;padding-bottom:15px;padding-top:15px;text-align:center;width:70vw}.ing_search_input{background-color:#0000;background-color:#fff;border:1px solid #000;border-radius:20px;font-size:medium;height:2rem;margin-inline:auto;margin-bottom:5px;padding-left:.5rem}.sub_button_cont{text-align:center}.ing_search_container{margin-inline:auto;margin-bottom:20px;width:70vw}.ing_error_div{background-color:#ff9c9c;border:thin ridge #000;border-radius:20px;color:#da0000;font-size:15px;margin-bottom:10px;padding:15px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.load_more_button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin-top:40px;padding:20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.load_more_button:hover{background-color:#555;color:#fff}.search_views_container,.search_views_container-fyp{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-inline:auto;width:85vw}.search_views_container-fyp{margin-bottom:30px}.fyp_title{text-align:center;width:90vw}.toggle_view_container{background-color:#fff;border:1px ridge #000;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;height:42px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.icon_container{border-radius:10px;padding:2px;width:available}.icon_container:hover{transition:background-color .3s ease}.icon_container:hover,.icon_toggle{background-color:#a8a8a8}.a-t-c-hide-button-spacer{width:30%}.display-recipe-v2-container{display:flex;flex-direction:column;margin-inline:auto;width:100%}.ing_steps_container{display:flex;flex-direction:row;flex-wrap:wrap}.list_title{margin:5px}.info_comments_container{margin-inline:auto;width:90vw}.unit_conv_input{max-width:200px;width:80%}.d-cb-u-p-center-container p{margin-top:20px}.comment-pfp-name{display:flex;flex-direction:row;margin-bottom:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.comment_header_line{display:flex;flex-direction:row;margin-bottom:10px;width:100%}.delete_edit_comment_container{margin-top:10px}.del_edit_com_spacer{width:75%}.print-area2{display:none;visibility:hidden}.toggle-button{margin-inline:auto;margin-top:15px}#user-card-wrapper{flex-direction:row;flex-wrap:wrap}#friends-wrapper{flex-wrap:wrap}.preference-type-h3{max-width:30vw}.site_title2{max-width:25vw;min-width:200px;text-align:center}.login_logo_div{background-color:#eaa861;border-radius:20px;margin-top:10px;position:absolute;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logo_container{margin-top:50px;width:100%}.image_logo_container{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.registration-logo2{width:50%}.phones_and_form_container{display:flex;flex-direction:row;flex-wrap:wrap;margin-inline:auto;width:90vw}.phones_image{max-width:350px}.form_wrapper,.form_wrapper2{margin-inline:auto;max-width:80vw}.form_wrapper2{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:10px}.registration-container2{margin-inline:auto;width:100vw}.profileform2{border-radius:20px;max-width:80vw;min-width:30vw}.profileform2 .edit-profile-label{display:block;font-size:1rem;margin:0 .25rem}.bio-input,.profileform2 .edit-profile-input{background-color:#0000;background-color:#ffefd5;border:1px solid #000;border-radius:20px;font:inherit;height:2rem;margin:.25rem 0;max-width:90%;padding-left:.5rem}.profileform2 .bio-input{font-size:1rem;height:10rem;padding:.5rem}.bio-input:hover,.profileform2 .edit-profile-input:hover{background-color:#fff}.bio-input:focus,.profileform2 .edit-profile-input:focus{background-color:#fff;outline:1px solid #000}.user-card2{align-items:center;background-color:#eaa861;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem}.spacer,.spacer2{height:20vh;width:100vw}.spacer4{height:15vh;width:100vw}.p_spacer{width:20px}.style_guide_container{margin-inline:auto;width:80vw}.style_guide_component{margin-inline:auto;margin-bottom:40px;width:100%}.css_code_box{background-color:#ececec;color:#000;font-family:Arial,"sans-serif";font-size:15px}.code_box_container{background-color:#ececec;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;outline:.05rem solid #333;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.grocery_item_container{background-color:#ffefd5;border:1px solid #000;border-radius:20px;font-size:20px;margin-bottom:30px}.count_ing_container{display:flex;flex-direction:row}.item_count{margin-top:15px}.item_count,.item_count2{font-size:25px;font-weight:700;margin-left:15px;margin-right:20px}.add_sub_buttons{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:10px;margin-inline:auto;width:200px}.a_s_button_itm{margin-top:5px}.print_shopping_list{width:100vw}.shopping_list_box{height:30px;width:30px}.inline_items{display:flex;flex-direction:row}.comment-content{word-break:break-word}.print_image{border:1px solid #000;height:250px;margin-bottom:30px;margin-top:30px;width:250px}.print_container{display:flex;flex-direction:row;flex-wrap:wrap}.print_item{margin-right:50px;max-height:250px;max-width:250px}.print_item p{font-size:18px}.print_spacer{height:400px}.display_ingredients,.display_steps{word-break:break-word}.display_steps{max-width:90%}@media print{.footer,.my_recipes,.navBars{display:none}.print-area2,.print-area2 *{display:flex;flex-direction:row;flex-wrap:wrap;visibility:visible}.print-area2{left:0;position:absolute;top:0}.listRectangle{display:none}.inline_items{display:flex;flex-direction:row}}@media (min-width:1200px){.ingredient{max-width:80%}.display_ingredients{margin-bottom:10px;margin-top:10px}.groceryItem{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;margin-right:20px;margin-top:20px;max-width:250px;overflow-wrap:break-word;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ingredientInput{font-size:16px;height:35px;width:50vw}.ingredientInput,.otherBtn{border:1px solid #000;border-radius:20px;margin-left:20px}.otherBtn{background-color:#87cefa;cursor:pointer;font-size:1.5rem;height:auto;padding:.5rem;text-align:center;width:75px}.count_name_buttons_container_mobile{display:none}.count_name_buttons_container{display:flex;flex-direction:row;width:95%}.grocery_item_container{display:flex;flex-direction:row;flex-wrap:wrap;margin-inline:auto}.shopping_list_input_button_container{display:flex;flex-direction:row;width:80%}.center_vertically_container{margin-inline:auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.shopping_list_button_container{display:flex;flex-direction:row;margin-top:0}.count_name_buttons_container{margin-inline:auto;padding:10px}.thirds_container{position:relative;width:33%}.profile_picture_recipe{border:1px ridge #000;border-radius:100%;height:50px;width:50px}.like_image{height:50px;width:50px}.tabs_fyp button,.tabs_fyp2 button{font-size:1.5rem}.sidenav{background-color:#cf6e4f;height:80px;left:0;position:fixed;top:0;width:100%;z-index:100000}.mobile_nav{display:none;z-index:100000}.recipe_info_container{float:left;padding-left:50px;width:50vw}.recipe_info_container_2{padding-left:100px}.page_title{margin-top:30px;text-align:center}.recipe_container_row{display:flex}.text_box{border-radius:10px;font-family:Arial,serif;font-size:16px;padding-left:7px;padding-top:3px;resize:none}.unit_conversions_pop{height:400px;width:400px}.conversions_button_spacing,.create_conversions_button_mobile,.dropdown_mobile{display:none}.my_recipes_container{display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;margin-inline:auto;width:90vw}.single_recipe:hover{background-color:#555;color:#fff}.single_recipe{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;outline:1px solid #333;padding-bottom:10px;transition:background-color .3s ease;width:220px}.single_recipe,.single_recipe_my_cookbooks{margin-inline:10px}.single_recipe_my_cookbooks{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;outline:1px solid #333;padding-bottom:10px;width:220px}.single_recipe_image_container{height:200px;margin:auto;padding:10px;position:relative;width:200px}.single_recipe_image{border-radius:5px;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-height:200px;max-width:200px;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.single_recipe_undertext,.single_recipe_undertext_author{font-size:20px;line-height:27px;margin:0;overflow-wrap:break-word;padding-left:10px;padding-right:3px;text-align:left}.cookbook-form-container{display:flex}.cookbook-left-container{margin:auto}.cookbook-right-container{margin-right:300px}.add-to-cookbook-image-desc-container{background-color:#fff;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-width:1450px;padding:10px;text-align:center;width:80%}.a-t-c-image-container{height:450px;margin:auto;position:relative;width:450px}.a-t-c-image{border-radius:20px;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-height:450px;max-width:450px;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.a-t-c-title-container{height:100%;width:50%;word-break:break-word}.a-t-c-title{font-weight:700;width:50%}.a-t-c-desc,.a-t-c-title{margin:auto;padding-top:10px}.a-t-c-desc{max-width:80%;min-height:200px;overflow-wrap:break-word}.a-t-c-desc,.a-t-c-list-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.a-t-c-list-container{margin-inline:auto;width:80%;z-index:1}.a-t-c-single-recipe-container{background-color:#fff;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;height:200px;margin-inline:auto;margin-bottom:20px;max-width:1450px;padding:10px;transition:background-color .3s ease;width:98%}.a-t-c-single-recipe-container:hover{background-color:#e5e5e5}.a-t-c-recipe-image-container{height:200px;margin:auto;position:relative;width:200px}.a-t-c-recipe-image{border-radius:5px;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-height:200px;max-width:200px;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.a-t-c-text-container{font-family:Roboto,sans-serif;height:80%;line-height:25px;margin-left:15px;padding:10px;text-align:left;width:75%}.a-t-c-recipe-title-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.a-t-c-recipe-title{font-weight:700}.a-t-c-recipe-desc-container{height:75%;width:100%;word-break:break-word}.a-t-c-recipe-desc{font-size:20px}.a-t-c-remove-button-container{color:#000;display:flex;flex-direction:row;font-size:15px}.a-t-c-remove-button-container:hover{color:#da0000}.a-t-c-hide-button-container{color:#000;display:flex;flex-direction:row;font-size:15px}.a-t-c-remove-recipe-button{float:right}.a-t-c-remove-button-spacer{width:80%}.a-t-c-recipe-removed-text{font-size:20px}.a-t-c-tags-container{background-color:#ffefd5;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin:auto;overflow:auto;white-space:nowrap;width:60%}.a-t-c-single-tag-container{background-color:#4f9bff;border-radius:10px;color:#fff;display:inline-block;margin:4px;padding:5px;text-align:center;text-decoration:none}.a-t-c-tags-container-fyp{background-color:#fff;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin:auto;overflow:auto;white-space:nowrap;width:70vw}.a-t-c-single-tag-container-fyp{background-color:#4f9bff;border-radius:10px;color:#fff;display:inline-block;margin:4px;padding:5px;text-align:center;text-decoration:none;transition:background-color .3s ease}.a-t-c-single-tag-container-fyp:hover,.a-t-c-single-tag-container:hover{background-color:#555;color:#fff;cursor:pointer}.sidenav{z-index:100}.display-cookbook-username-picture-container{margin:auto}.d-cb-u-p-center-container{display:flex;flex-direction:row;margin:auto;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.d-cb-pfp-container{cursor:pointer;margin-top:10px}.d-cb-u-p-spacer{width:20px}.display_recipe_image_ingr_steps_container{display:flex;flex-wrap:wrap;margin-inline:auto;width:90%}.display_recipe_image{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:500px;max-width:500px;object-fit:cover;object-position:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.display-recipe-image-container{text-align:center;width:50%}.display_recipe_poster_likes_container{display:flex;flex-direction:row;margin-inline:auto;width:65%}.display_recipe_poster_likes_item{margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.go_back_button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin:4px 2px;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease}.go_back_button:hover{background-color:#555;color:#fff}.go_back_button_global{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin:4px 2px;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease}.go_back_button_global:hover{background-color:#555;color:#fff}.display_recipe_button_nav{align-items:stretch;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto;width:100vw}.display_recipe_button_nav_item{display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;justify-content:center;line-height:75px;margin-left:10px;margin-right:10px;text-align:center}.print-button{height:2rem;margin-left:1rem;width:auto}.display_recipe_button_nav_item_1{flex:1 1;line-height:75px;margin-left:10px;margin-right:10px;text-align:left}.display_recipe_button_nav_item_3{flex:1 1;line-height:75px;margin-left:10px;margin-right:10px;text-align:right}.display_recipe_button_nav_title{margin-top:0}.display_ingred_steps_dropdown{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-inline:auto;padding:18px;width:100%}.display_list_container{padding-bottom:10px;text-align:left}.display_list_container,.display_tags_rows{background-color:#fff;border:thin ridge #000;border-radius:10px;margin-inline:auto;padding-left:10px;padding-top:10px;width:80%}.display_tags_rows{display:flex;flex-direction:row;flex-wrap:wrap}.navbar_ul{list-style-type:none;margin:0;padding-left:6px}.create_recipe_button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;display:inline-block;font-size:20px;margin:4px 2px;padding:20px;position:fixed;right:30px;text-align:center;text-decoration:none;transition:background-color .3s ease;z-index:99}.create_recipe_button:hover{background-color:#555;color:#fff}.single_recipe-saved-cb{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;margin-inline:10px;outline:1px solid #333;padding-bottom:10px;width:220px}.display-recipe-image-container2{margin:auto;max-width:500px;position:relative}.display_recipe_image2{border-radius:20px;height:100%;max-height:500px;max-width:500px;object-fit:cover;object-position:center;outline:1px solid #333;position:relative;width:100%}.display_recipe_like_img_count{display:flex;margin-top:13px}.uploaded_image_container{background-color:#fff0;background-image:url(/static/media/image_preview.77534835ee60da55fab0.png);border:thin ridge #000;border-radius:4px;height:300px;width:300px}.uploaded_image{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:300px;max-width:300px;object-fit:cover;object-position:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.phones_container{margin-inline:auto;max-width:400px}.hide_post_fyp{background-color:#cf6e4f;border:none;border-radius:15px;color:#fff;cursor:pointer;margin-left:60%;padding:2px 7px;transition:background-color .3s ease}}@media only screen and (max-width:1199px){.groceryItem{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:20px;margin-top:20px;max-width:200px;overflow-wrap:break-word;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.add_sub_buttons,.groceryItem{margin-bottom:20px}.count_name_buttons_container{display:none}.count_name_buttons_container_mobile{width:100%}.grocery_item_container{display:flex;flex-direction:column;flex-wrap:wrap;margin-inline:auto}.count_ing_container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ingredientInput{font-size:16px;height:35px;width:100%}.ingredientInput,.otherBtn{border:1px solid #000;border-radius:20px}.otherBtn{background-color:#87cefa;cursor:pointer;font-size:1.5rem;height:auto;padding:.5rem;text-align:center;width:75px}.shopping_list_input_button_container{align-items:center;display:flex;flex-direction:column;width:90%}.phones_container{display:none}.uploaded_image_container{background-color:#fff0;background-image:url(/static/media/image_preview.77534835ee60da55fab0.png);border:thin ridge #000;border-radius:4px}.uploaded_image,.uploaded_image_container{height:80vw;max-height:300px;max-width:300px;width:80vw}.uploaded_image{object-fit:cover;object-position:center;position:relative}.display-recipe-image-container2{margin-inline:auto;margin-bottom:20px;max-height:80%;max-width:80%;position:relative}.display_recipe_image2{border-radius:20px;height:80%;object-fit:cover;object-position:center;position:relative;width:80%}.display_recipe_like_img_count{display:flex}.sidenav,.toggle_view_container{display:none}.sidenav{z-index:100000}.mobile_nav{background-color:#cf6e4f;height:80px;left:0;position:fixed;top:0;width:100%;z-index:100}.site_title_mobile{left:48%;position:absolute;top:45%;transform:translate(-50%,-50%);width:70px}.recipe_info_container{padding-left:10%}.text_box{border-radius:10px;font-family:Arial,serif;font-size:16px;padding-left:7px;padding-top:3px;resize:none;width:80%}.page_title{margin-top:30px;text-align:center}.recipe_info_container_2{padding-left:10%}.create_conversions_button{display:none}.create_conversions_button_mobile{background-color:#4f9bff;border:thin ridge #000;border-radius:10px;color:#fff;display:inline-block;font-size:20px;margin:4px 2px;padding:20px;text-align:center;text-decoration:none}.create_conversions_button_mobile:hover{background-color:#555;color:#fff}.unit_conversions_pop{height:400px;max-width:400px;padding:10px;width:80vw}.unit_conversion_form{margin-inline:auto;width:80%}.a-t-c-select{max-width:80%}.my_recipes_container{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-around}.single_recipe:hover{background-color:#555;color:#fff}.single_recipe_container{margin-bottom:20px;margin-left:5px;margin-right:5px}.single_recipe{border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto;padding-bottom:5px}.single_recipe,.single_recipe_my_cookbooks{background-color:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;outline:1px solid #333;width:150px}.single_recipe_my_cookbooks{border-radius:20px;height:255px;margin:auto;padding-bottom:20px}.single_recipe_image_container{height:130px;margin:auto;padding:5px;position:relative;width:130px}.single_recipe_image{border-radius:5px;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-height:130px;max-width:130px;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.single_recipe_undertext,.single_recipe_undertext_author{font-size:20px;line-height:27px;margin:0;padding-left:10px;text-align:left;word-break:break-word}.display-cookbook-container{width:100vw}.add-to-cookbook-image-desc-container{background-color:#fff;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto;text-align:center;width:80%}.a-t-c-image-container{margin-inline:auto;margin-bottom:20px;max-height:80%;max-width:80%;position:relative}.a-t-c-image{border-radius:20px;height:80%;object-fit:cover;object-position:center;position:relative;width:80%}.a-t-c-title-container{height:100%;margin:auto;width:80%;word-break:break-word}.a-t-c-title{font-weight:700;width:50%}.a-t-c-desc,.a-t-c-title{margin:auto;padding-top:10px}.a-t-c-desc{max-width:100%;overflow-wrap:break-word}.a-t-c-desc,.a-t-c-list-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.a-t-c-list-container{margin:auto;padding-bottom:100px;width:80%}.a-t-c-single-recipe-container{background-color:#fff;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;display:compact;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto;margin-bottom:20px;padding:10px;width:90%}.a-t-c-single-recipe-container:hover{background-color:#e5e5e5}.a-t-c-recipe-image-container{height:130px;margin:auto;padding:5px;position:relative;width:130px}.a-t-c-recipe-image{border-radius:5px;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;margin:auto;max-height:130px;max-width:130px;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.a-t-c-text-container{font-family:Roboto,sans-serif;height:90%;line-height:25px;margin-left:15px;padding:10px;text-align:left;width:90%}.a-t-c-recipe-title-container{text-align:center}.a-t-c-recipe-title{font-weight:700}.a-t-c-recipe-desc-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;word-break:break-word}.a-t-c-recipe-desc{font-size:20px}.a-t-c-remove-button-container{color:#000;display:flex;flex-direction:row;font-size:15px;padding-top:20px}.a-t-c-remove-button-container:hover{color:#da0000}.a-t-c-hide-button-container{color:#000;display:flex;flex-direction:row;font-size:15px}.a-t-c-remove-recipe-button{float:right;text-align:right}.a-t-c-remove-button-spacer{width:100%}.a-t-c-recipe-removed-text{font-size:20px;text-align:center}.a-t-c-tags-container{background-color:#ffefd5;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin:auto;overflow:auto;white-space:nowrap;width:100%}.a-t-c-single-tag-container{background-color:#4f9bff;border-radius:10px;color:#fff;display:inline-block;margin:4px;padding:5px;text-align:center;text-decoration:none}.a-t-c-single-tag-container:hover{background-color:#555;color:#fff;cursor:pointer}.a-t-c-tags-container-fyp{background-color:#fff;border:1px ridge #000;border-radius:5px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin:auto;overflow:auto;white-space:nowrap;width:70vw}.a-t-c-single-tag-container-fyp{background-color:#4f9bff;border-radius:10px;color:#fff;display:inline-block;margin:4px;padding:5px;text-align:center;text-decoration:none}.a-t-c-single-tag-container-fyp:hover{background-color:#555;color:#fff;cursor:pointer}.sidenav{z-index:100}.display-cookbook-username-picture-container{margin-inline:auto}.d-cb-u-p-center-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.d-cb-pfp-container{cursor:pointer;margin-top:10px}.d-cb-u-p-spacer{width:20px}.display_recipe_image_ingr_steps_container{display:compact;flex-wrap:wrap;margin-inline:auto;margin-bottom:50px}.display-recipe-image-container{text-align:center;width:100%}.display_recipe_image{margin-bottom:20px;width:60%}.display_recipe_poster_likes_container{display:flex;flex-direction:column;margin-inline:auto;width:80%}.display_recipe_poster_likes_item{margin-inline:auto}.go_back_button{display:none}.display_recipe_button_nav_item{text-align:center}.display_recipe_button_nav_item_3{margin-inline:auto;text-align:center;width:80%}.display_recipe_button_nav_item_3 button{font-size:90%}.display_ingred_steps_dropdown{background-color:#cf6e4f;color:#fff;cursor:pointer;font-size:100%;padding:10px}.display_ingred_steps_dropdown,.display_list_container{border:thin ridge #000;border-radius:10px;margin-inline:auto;width:100%}.display_list_container{background-color:#fff;padding:8px;text-align:left}.display_ingredients,.display_steps{padding-inline:10px}.display_recipe_items{width:100vw}.display_tags_rows{background-color:#fff;border:thin ridge #000;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;margin-inline:auto;width:100%}.navbar_ul{list-style-type:none;margin:0;padding-left:6px}.create_recipe_button{background-color:#cf6e4f;border:thin ridge #000;border-radius:10px;bottom:20px;color:#fff;cursor:pointer;display:inline-block;font-size:100%;margin:4px 2px;padding:10px;position:fixed;right:30px;text-align:center;text-decoration:none;z-index:99}.create_recipe_button:hover{background-color:#555;color:#fff}.single_recipe-saved-cb{background-color:#fff;border-radius:20px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:auto;outline:1px solid #333;padding-bottom:5px;width:150px}.single_recipe_container-saved-cb{margin-bottom:40px}.profile_picture_recipe{border:1px ridge #000;border-radius:100%;height:30px;width:30px}.like_image{height:30px;width:30px}.hide_post_fyp{background-color:#cf6e4f;border:none;border-radius:15px;color:#fff;cursor:pointer;margin-left:50%;padding:2px 7px;transition:background-color .3s ease}.display_ingredients{margin-bottom:30px}}@media only screen and (max-width:325px){.display_ingredients{margin-bottom:30px}.ingredient{margin-right:10px;max-width:50%}.site_title_mobile{display:none}.navbar_ul{list-style-type:none;margin:0;padding:0}.tabs_fyp button,.tabs_fyp2 button{font-size:.75rem}.groceryItem{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:20px;margin-right:20px;margin-top:20px;max-width:150px;overflow-wrap:break-word;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.navBarRegistrationPage{align-items:center;background-color:initial;display:flex;flex-direction:column;height:100vh;justify-content:center;justify-content:flex-start;padding-top:10vh}.siteLogo{margin-bottom:20px;max-width:100px}.registration-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.registration-logo{margin-bottom:0;margin-top:0;max-width:100px}.registration-box{background:#cd6c4b;border-radius:10px;box-sizing:border-box;max-width:400px;padding:20px;text-align:center;width:100%}.have-an-account{font-size:1rem}.registration{margin:1rem}.create-heading{font-size:2rem;margin-bottom:1rem}.single_recipe_container{position:relative}.hide_post_button{background-color:#cf6e4f;border:none;border-radius:15px;bottom:30px;color:#fff;cursor:pointer;padding:2px 7px;position:absolute;right:15px;transition:background-color .3s ease}.hide_post_button:hover{background-color:#a65035}@media (max-width:1200px){.hide_post_button{bottom:8px;font-size:12px;padding:2px 7px;right:150px}}@media (min-width:500px) and (max-width:650px){.hide_post_button{bottom:8px;font-size:14px;padding:2px 7px;right:150px}}.private_post_icon{height:25px;position:absolute;right:5px;top:5px;width:25px;z-index:1}.sorting-controls{display:flex;justify-content:center;margin-bottom:10px;margin-top:10px;position:relative}.sorting-controls .dropdown-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:30px;margin-left:-.5cm;margin-top:-.8cm}.sorting-controls .dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;display:block;left:50%;overflow:hidden;padding-right:15px;position:absolute;top:calc(100% - 10px);transform:translateX(-50%) translateY(-10px);width:15vw;z-index:10}.sorting-controls .dropdown-menu button{background:none;border:none;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;display:block;padding:8px 5px;text-align:center;width:calc(100% + 15px)}.sorting-controls button.active,.sorting-controls button:hover{background-color:#87cefa;color:#000}.sorting-controls-2{display:flex;justify-content:center;margin-bottom:10px;margin-top:10px;position:relative;width:100%}.sorting-controls-2 .dropdown-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:22px;padding:5px 10px}.sorting-controls-2 .dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;display:block;left:50%;overflow:hidden;position:absolute;top:100%;transform:translateX(-50%);width:150px;z-index:10}.sorting-controls-2 .dropdown-menu button{background:none;border:none;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;display:block;padding:8px;text-align:center;width:100%}.sorting-controls-2 .dropdown-menu button.active,.sorting-controls-2 .dropdown-menu button:hover{background-color:#87cefa;border-radius:0;color:#000}.sorting-controls-fyp{display:flex;justify-content:center;margin-bottom:10px;margin-top:10px;position:relative}.sorting-controls-fyp .dropdown-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.sorting-controls-fyp .dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;display:block;margin-top:30px;overflow:hidden;padding-right:10px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.sorting-controls-fyp .dropdown-menu button{background:none;border:none;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;display:block;padding:8px;text-align:center;width:calc(100% + 10px)}.sorting-controls-fyp button.active,.sorting-controls-fyp button:hover{background-color:#87cefa;color:#000}.sorting-controls-ing{display:flex;justify-content:center;margin-bottom:10px;margin-top:-80px;position:relative}.sorting-controls-ing .dropdown-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:30px}.sorting-controls-ing .dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;display:block;left:50%;overflow:hidden;padding-right:15px;position:absolute;top:60%;transform:translateX(-50%);width:15vw;z-index:10}.sorting-controls-ing .dropdown-menu button{background:none;border:none;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;display:block;padding:8px;text-align:center;width:calc(100% + 15px)}.sorting-controls-ing button.active,.sorting-controls-ing button:hover{background-color:#87cefa;color:#000}@media (max-height:656px) and (min-height:656px),(max-width:297px) and (min-width:280px){.sorting-controls-ing .dropdown-button{bottom:30%;left:25%;position:fixed;transform:translateX(-50%)}.sorting-controls-ing .dropdown-menu{position:absolute;top:95%;transform:translateX(-50%)}}.friendsh1{font-size:2.5rem;text-align:center}.friends-none{font-size:1.5rem;text-align:center}.friends-list{display:block;padding:.8rem}.friends-list ul{padding:0}.connection{align-items:center;background:#fff;border:.1rem solid #000;border-radius:2.5rem;display:flex;font-size:1.3rem;justify-content:space-between;margin:1rem auto;padding:1.2rem;vertical-align:center;width:30rem}@media (max-width:768px){.connection{margin:1rem auto;padding:1.2rem;width:80%}.friendsh1{font-size:2.3rem}.friends-none{font-size:1.3rem}}@media (max-width:480px){.connection{align-items:center;flex-direction:column;margin:1rem auto;padding:1.2rem 0}.connection-right{margin-top:.5rem}}.friendsh1{font-size:2rem}.friends-none{font-size:1rem}.user-profile-link:link,.user-profile-link:visited{color:#000;text-decoration:none}.user-profile-link:hover{color:#ff8e49;text-decoration:underline}.connection-right{display:inline;float:right}.toggle-button{background-color:#ddd;border-radius:1.25rem;cursor:pointer;font-size:1rem;margin:0;min-width:125px;padding:.6rem 1.25rem;transition:background-color .3s ease}.toggle-button.on{background-color:#cf6e4f;border:solid;border-color:#cf6e4f;border-width:.1rem;color:#fff}.toggle-button.off{background-color:#fff;border:.1rem solid #000;color:#000}.toggle-button.on:hover{filter:saturate(150%);transition:background-color .3s ease}.toggle-button.off:hover{filter:brightness(90%);transition:background-color .3s ease}.comments-container{padding:1rem}.no-comments-msg{font-size:1.125rem;text-align:center}.comments-wrapper{max-height:20rem;overflow-y:auto}.comments-wrapper ul{margin:0;padding:0}.comment-wrapper+.comment-wrapper{padding-top:1rem}.comment-text-wrapper{font-size:1rem}.comment-user-pfp{display:inline-flex;padding-right:.5rem}.user-pfp{border-radius:100%;height:2rem;width:2rem}.comment-username{font-size:.9rem;font-weight:600;margin-top:10px}.new-comment{padding-top:1rem}.comment-input-wrapper{position:relative}.comment-input-box{border:1px solid #000;border-radius:1rem;margin:0;outline:none;padding:.7rem 0 .7rem .5rem;width:calc(100% - .5rem)}.submit-icon{float:right;position:absolute}.comment-submit-btn{background:#cf6e4f;border:none;border-radius:.8rem;color:#fff;font-size:1rem;font-weight:700;margin-right:.1rem;padding:.5rem .8rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.comment-submit-btn:enabled{border:none;cursor:pointer}.comment-submit-btn:disabled{display:none}#profile-container{display:flex;flex-direction:column;justify-content:space-between;margin:3rem auto auto;width:90vw}.profile-element{margin-top:1rem}.user-card-container{background-color:#fff;border:1px solid #333;border-radius:3rem;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin-bottom:1rem}#user-card-wrapper{display:flex;margin:2rem}#profile-pic-wrapper{display:flex;justify-content:center;margin-right:2rem}#profile-pic img{border-radius:50%;height:10rem;width:10rem}#user-card-text-wrapper{align-items:left;display:flex;flex:1 1;flex-direction:column;justify-content:space-between}#user-card-heading{align-items:center;display:flex;flex-direction:row;width:100%}#user-card-text-wrapper h1,h2,p{margin:0}#display-name-wrapper{margin:0;padding:0}#display-name-wrapper h1{font-size:2rem;font-weight:400;margin-bottom:.1rem}#follow-button-wrapper{margin:0 0 0 1rem;padding:0}#profile-username-wrapper h2{color:grey;font-size:1.4rem;font-weight:400;margin-bottom:.8rem}#profile-bio-wrapper p{font-size:1.3rem;word-break:break-word}#friends-wrapper{display:flex;flex-direction:row;margin-top:.6rem}.friend-count{color:grey;margin-right:1rem;text-decoration:none}.friend-count:hover{color:#cf6e4f;text-decoration:underline}#preferences-container{margin-bottom:2rem}.preferences-wrapper{background-color:#fff;border:1px solid #333;border-radius:3rem;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex}.preference-type{background-color:#eaa861;border-bottom-left-radius:inherit;border-top-left-radius:inherit;line-height:2.2rem;max-width:30vw;padding:1rem .5rem 1rem 1.5rem}.preference-type-2{max-width:30vw}.preferences-wrapper h4{font-weight:400;margin:0}.pencil-icon{cursor:pointer}.preference-tags{border-bottom-right-radius:inherit;border-top-right-radius:inherit;max-width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.preference-tags::-webkit-scrollbar{width:0}.tags-wrapper{display:inline-flex;flex-direction:row;font-size:1rem;padding:1rem}.tag-container{background-color:#4f9bff;border-radius:1rem;color:#fff;cursor:pointer;margin-right:.7rem;padding:.5rem .8rem}.nopref-tag{font-size:1.2rem;line-height:2.2rem;padding:1rem}#posts-container{background-color:#fff;border:1px solid #333;border-radius:3rem;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;margin-bottom:3rem}.my-cookbooks,.my-recipes{padding-bottom:1rem;padding-top:1rem;width:90vw}.tabs button{background-color:#fff;border:none;border-bottom:.5rem solid #d0d0d0;font-size:1.2rem;padding:1rem;width:50%}.tab-btn-recipes{border-top-left-radius:3rem}.tab-btn-cookbooks{border-top-right-radius:3rem}.tabs button:hover{cursor:pointer;filter:brightness(90%)}.tabs button.active{border-color:#cf6e4f}.buttons-container{display:flex;justify-content:center;margin-bottom:1rem}.buttons-container>div{margin:0 10px}.buttons-container button{border:.0625rem solid #000;border-radius:.6rem;color:#fff;cursor:pointer;padding:.6rem .8rem;transition:background-color .3s ease}.buttons-container button:hover{background-color:#555;color:#fff}.delete-recipe-button{background-color:#da0000}.create-recipe-button{background-color:#cf6e4f}.my-cookbooks-container,.my-recipes-container{height:100%}.noposts-text{font-size:1.2rem}.editor{float:right;margin-right:5px}.newEditor{background-color:#cf6e4f;border-radius:15px;border-width:thin;color:#fff;margin-right:5px;margin-top:3px}.newEditor:hover{background-color:#a65035;cursor:pointer}.newEditorSaving{background-color:#87cefa;border-radius:15px;border-width:thin;margin-right:5px}.newEditorSaving:hover{background-color:#ceebfd;cursor:pointer}.editor:hover{color:pink;cursor:pointer}.delet{float:right;height:25px;width:25px}.saveBtn{align-self:center}.delet:hover{cursor:pointer}.editDeleteContainer{margin-left:auto;margin-top:10px;order:2}@media (max-width:480px){#profile-pic img{border-radius:50%;height:5rem;width:5rem}#display-name-wrapper h1{font-size:1.5rem}#profile-username-wrapper h2{font-size:1.05rem}#profile-bio-wrapper p{font-size:.975rem}#friends-wrapper{font-size:.9rem;margin-top:.6rem}.preferences-wrapper h4{margin:0;max-width:30vw}.preference-type{max-width:30vw}.preference-tags{max-width:100%}.tags-wrapper{display:inline-flex;flex-direction:row;font-size:1rem;padding:1rem}}.container_choose_cuisine{align-items:center;display:flex;flex-direction:column;margin-left:10%;margin-right:10%}.cuisine-heading_choose,.cuisine-text_choose{text-align:center}.cuisine-grid_choose{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.cuisine-item_choose{align-items:center;background-color:#c8c8c8;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;margin:10px;min-width:120px;padding:15px;text-align:center;transition:transform .2s}.selected_choose_cuisine{background-color:#eaa861;border:2px solid #000;padding:13px}.cuisine-image_choose{border-radius:10px;height:75px;object-fit:cover;width:100px}.cuisine-name_choose{margin-top:5px}.cuisine-item{cursor:pointer;text-align:center}.selected_choose_pref{background-color:#eaa861;border:2px solid #000;border-radius:10px}.container_choose_pref{align-items:center;display:flex;flex-direction:column}.title_chose_pref{margin-bottom:20px}.preferences-grid_choose_pref{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.preference-item_choose_pref{align-items:center;background-color:#c8c8c8;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:10px;text-align:center}.preference-item_choose_pref img{border-radius:8px;height:75px;margin-bottom:5px;width:100px}.pref-text_choose{text-align:center}.listRectangle{background:#eaa861;border:1px solid #000;border-radius:20px;padding:20px;width:50vw}.otherBtn:hover{background-color:#ceebfd}.balete{cursor:pointer;height:40px;width:40px}.groceryList{margin-inline:auto;text-align:left}
/*    !*position: relative;*!*/.counter{
    /*!*position: relative;*!*/
    /*!*float: right;*!*/
    /*!*padding-right: 50px;*!*/}.cntrBtnAdd{background-color:#00e673;border-radius:40px;cursor:pointer;font-size:30px;font-weight:700;height:40px;text-align:center;width:40px}.cntrBtnAdd:hover{background-color:#29b44e}.cntrBtnSub{background-color:#f15f5f;border-radius:40px;cursor:pointer;font-size:30px;font-weight:700;height:40px;text-align:center;width:40px}.cntrBtnSub:hover{background-color:#b61c1c}@media only screen and (max-width:650px){.listRectangle{width:80vw}}@media only screen and (max-width:450px){.listRectangle{width:80vw}
    /*    !*margin-left: -20px;*!*/.counter{padding-left:25px}.balete{height:40px;width:40px}}@media only screen and (max-width:360px){.listRectangle{width:80vw}}.submitBtn{cursor:pointer;font-size:16px;height:30px;margin-left:20px;text-align:center;width:120px}
/*# sourceMappingURL=main.9e068a9a.css.map*/