@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Vibes&display=swap";html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*,:after,:before{box-sizing:border-box}:root{--heading-font:"Fredoka", cursive;--body-font:"Nunito", sans-serif;--alert-font:"Roboto", sans-serif;--logo-font:"Vibes", cursive;--heading-size:2.5rem;--subHeading-size:1.8rem;--normal-text:1.2rem;--small-text:.9rem;--extra-small-text:.7em;--label-text-size:1.1rem;--checkbox-font-size:1.2rem;--checkbox-size:1.2rem;--hero-small-height:240px;--hero-height:280px;--hero-width:2180px;--user-photo-big:40px;--sidebar-width:180px;--white-light:#fff;--white-dark:#f6f6f6;--grey-light:#a9a9a9;--grey-dark:#757575;--beige-light:#f4f2ed;--beige-dark:#d9b382;--yellow-light:#fff290;--yellow-dark:#f4d18b;--green-light:#69784d;--green-dark:#414a2f;--orange-light:#ffd580;--orange-dark:#de8d2b;--purple-light:#ddaec2;--purple-dark:#ad4f7e;--text-color-light:#fff;--text-color-dark:#444;--text-color-red:#d0342c;--text-color-red-dark:#92241f;--text-color-green:#598c21;--text-color-green-dark:#3f611c;--text-color-link:#3c3ce0;--filter-background-light:#fff;--filter-background-dark:#000;--main-background:var(--beige-light);--nav-background:var(--green-dark);--nav-text-color:var(--text-color-light);--nav-text-active:var(--yellow-dark);--form-background:var(--white-light);--form-text-color:var(--text-color-dark);--form-input-background:var(--white-dark);--form-input-outline:var(--grey-light);--card-background:var(--white-light);--card-text-color:var(--text-color-dark);--add-recipe-background:var(--white-light);--add-recipe-text:var(--text-color-dark);--btn-height:2rem;--letter-spacing:1px;--transition:.3s ease-in-out all;--transition1:.1s ease-in-out all;--transition2:.2s ease-in-out all;--shadow-1:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-2:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-3:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-4:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a}h1,h2,h3,h4,h5,h6,p{letter-spacing:var(--letter-spacing);margin-top:0;margin-bottom:0;font-weight:400}h1{font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.25rem}p{font-size:1rem}a{letter-spacing:var(--letter-spacing);text-decoration:none}a,button{line-height:1.15}button:disabled{cursor:not-allowed}ul{padding:0;list-style-type:none}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}html{font-size:100%}body{color:var(--text-color-dark);background:var(--main-background);font-family:var(--body-font);letter-spacing:var(--letter-spacing);line-height:1.5}.full-page{width:100%;min-height:100vh}.full-screen{background:var(--beige-light);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.form-container{color:var(--text-color-dark);background:var(--form-background);z-index:999;width:95vw;max-width:600px;transition:var(--transition);box-shadow:var(--shadow-3);flex-direction:column;align-items:center;margin:1rem auto;padding:2rem 1rem;display:flex;position:relative}.form-content{z-index:1000;flex-direction:column;align-items:center;width:100%;display:flex}.form-title-wrap{font-family:var(--heading-font);text-transform:capitalize;margin:2rem 0 1rem}.form-title-wrap h4{font-weight:400}.form-bottom-info{text-align:center;margin:1rem 0;font-weight:400}.form{width:100%;max-width:400px}.form-row{margin-bottom:1rem;position:relative}.form-label{text-transform:capitalize;justify-content:space-between;align-items:center;height:1.5rem;padding:.8rem .2rem;display:flex}.label-msg{text-transform:none;align-items:center}.error-message{color:var(--text-color-red);font-size:var(--small-text)}.form-input{color:var(--text-color-dark);background:var(--text-color-light);border:1px solid var(--form-input-outline);border-radius:0;width:100%;padding:.5rem .7rem}input{border-radius:0}input:focus{border:1px solid var(--text-color-dark);border-radius:0;outline:none}select,select:focus{border-radius:0}textarea:focus{border:1px solid var(--text-color-dark);outline:none}.form-alert{color:var(--text-color-red);letter-spacing:var(--letter-spacing);text-transform:capitalize}.btn-wrap{display:flex}.btn{color:var(--text-color-light);background:var(--green-light);border:1px solid var(--green-dark);line-height:var(--btn-height);letter-spacing:var(--letter-spacing);cursor:pointer;text-transform:capitalize;align-items:center;margin:1rem auto;padding:0 .7rem}.btn:active{background:var(--green-dark);outline:none}.alert-wrap{text-align:center;place-items:center;width:100%;max-width:1280px;margin:1rem auto;display:grid}.alert{letter-spacing:2px;font-family:var(--alert-font);font-weight:300}.alert-red{color:var(--text-color-red)}.alert-green{color:var(--text-color-green)}.logo{text-align:center;min-width:100px;color:var(--nav-text-color);font-family:var(--logo-font);font-size:1.4rem;line-height:auto;height:1.4rem}.logo-text{color:var(--nav-text-color);font-family:var(--logo-font);font-size:1.8rem;line-height:auto;height:1.5rem}.logo-home{color:var(--green-light);font-family:var(--logo-font);font-size:1rem}.captcha-wrap{place-content:center;display:grid}.frame{overflow:hidden}.transparent-frame{border:none}.red-frame{border:1px solid red}.link{color:var(--text-color-link)}.visible{display:flex}.check{margin-bottom:.3rem}.hidden{display:none}.spinner-wrap{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;flex-direction:column;justify-content:center;align-items:center;min-width:100%;min-height:100vh;display:flex;position:fixed;top:0;left:0}.spinner{border:4px solid #696969;border-top-color:green;border-radius:50%;width:3rem;height:3rem;margin-bottom:.5rem;animation:1s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.recipe-form{background:0 0;width:100%}.recipe-container{flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex}.recipe-title-wrap{background:var(--add-recipe-background);max-width:1200px;box-shadow:var(--shadow-3);place-items:center;margin:.4rem auto;padding:1rem 0;display:grid}.recipe-title{color:var(--text-color-dark)}.recipe-title:first-letter{text-transform:uppercase}.recipe-wrap{background:var(--add-recipe-background);width:100%;box-shadow:var(--shadow-3);margin:.5rem 0;padding:1rem;display:block;overflow:hidden}.recipe-image-container{border:1px solid var(--form-input-outline);justify-content:center;align-items:center;max-width:449px;max-height:299px;margin:1rem 0;padding:0;display:flex;position:relative;overflow:hidden}.recipe-image-wrap{padding:0;display:flex}.recipe-image{object-fit:cover;width:100%;max-width:450px}.recipe-default-image{object-fit:contain;width:100%;max-width:350px}.recipe-image-wrap{cursor:pointer;background:0 0;border:none;outline:none}.add-image-icon{color:var(--green-light);font-size:2rem;position:absolute;bottom:10px;right:10px}.add-image-icon:active{color:var(--green-dark)}.input-wrap{align-items:center;margin-bottom:.5rem;display:flex}.steps-wrap{text-transform:capitalize;color:var(--add-recipe-text);margin:.3rem 0 0 .2rem;font-size:1rem;font-weight:300;display:flex}.step-number{margin:0 .3rem}.remove-image{color:var(--text-color-dark);font-size:var(--small-text);cursor:pointer;background:0 0;border:none;outline:none;margin:0}.remove-btn{color:var(--text-color-dark);transition:var(--transition1);background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0 0 0 .5rem;padding:0;font-size:1.5rem;display:flex}.remove-btn:hover{transform:scale(1.5)}.label-text{text-transform:capitalize;color:var(--text-color-dark);font-size:var(--label-text-size);margin:1rem 0 .5rem;font-weight:400}.optional{text-transform:lowercase;color:var(--text-color-dark);margin-left:.3rem;font-weight:300}.checkbox-container{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.checkbox-title{text-transform:capitalize;margin-bottom:1rem}.checkbox-wrap{margin:0;padding:0;display:flex}.checkbox-label{text-transform:capitalize;font-size:var(--checkbox-font-size);align-items:center;margin:0;padding:0;display:flex}.checkbox-input{cursor:pointer;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:0;margin-right:.4rem}.btn-submit-recipe{color:var(--text-color-light);background:var(--green-light);border:1px solid var(--green-dark);box-shadow:var(--shadow-3);margin:1.5rem auto}.btn-submit-recipe:hover{background:var(--green-dark)}.radio-wrap{margin-right:2rem}.radio-text{margin-left:.5rem}.row-six,.radio-six{display:none}.search-container{background:var(--main-background);width:100%;padding:1rem 1rem 2.5rem}.form-wrap{max-width:550px;margin:1rem auto}.search-input-wrap{align-items:center;width:100%;margin:0 auto 3rem;display:flex;position:relative}.search-input{-webkit-appearance:none;color:var(--text-color-dark);border:none;border-bottom:1px solid var(--text-color-dark);background:0 0;border-radius:0;width:100%;padding:.3rem}.search-input:focus{border:none;border-bottom:1px solid var(--text-color-dark)}.search-input::placeholder{color:var(--text-color-dark);opacity:.8;font-weight:300}.search-btn{width:80px;color:var(--text-color-dark);background:0 0;border:none;outline:none;position:absolute;top:0;right:0}.search-btn:active{outline:none}.select-wrap{font-size:var(--small-text);justify-content:space-between;align-items:center;width:100%;margin-top:2rem;display:flex}.select-row{flex-direction:column;justify-content:flex-start;width:auto;display:flex}.select-options{color:var(--text-color-dark);background:var(--main-background);border:1px solid var(--text-color-dark);border-radius:0;width:100%}.select-options:focus{border-radius:0;outline:none}.select-label{color:var(--text-color-dark);font-size:var(--small-text);text-transform:capitalize}.select-text{font-size:1.1rem}@media (width>=992px){.search-container{max-width:1200px;margin:0 auto 5rem;padding:0 1rem}.form-wrap{justify-content:space-evenly;width:100%;max-width:1200px;display:flex}.search-input-wrap{width:100%;max-width:450px;margin:0 1rem 0 0;padding:0;display:flex}.search-input{margin:auto 0 0}.search-btn{top:15px}.select-wrap{justify-content:space-between;width:450px;margin:0;display:flex}.select-row{width:136px}.select-options{width:100%}}.recipes-container{max-width:1200px;margin:0 auto}.my-recipes-wrap{width:100%;margin:0 auto;display:block}.no-results{text-align:center;margin:4rem}@media (width>=720px){.recipes-container{padding:1rem}.my-recipes-wrap{grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=1080px){.my-recipes-wrap{grid-template-columns:repeat(3,1fr)}}@media (width>=992px){.btn:hover{background:var(--green-dark)}.add-image-icon:hover{color:var(--green-dark)}.btn-submit-recipe:hover{color:var(--text-color-light);background:var(--green-dark)}.recipe-wrap{padding:1rem 1.5rem}.recipe-image-container{width:100%}}@media (width>=1400px){.recipe-image-container{width:450px;height:299px}.recipe-image{width:450px;height:300px}.recipe-default-image{object-fit:contain;height:300px}}