*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background:linear-gradient(to bottom right,#fbdb89,#f7b085) no-repeat;width:100%;min-height:100%;font-family:sans-serif}input{border:none;outline:none}a:link{text-decoration:none}::-webkit-scrollbar{width:0}.main-container{background-color:#fff;border-radius:9px;grid-template-columns:1fr 2fr;max-width:80%;min-height:60rem;margin:8rem auto;display:grid;overflow:hidden}header{background-color:#f9f5f3;grid-column:1/3;justify-content:space-between;align-items:center;height:10rem;padding-inline:3.2rem;display:flex;position:relative}header>img{height:5.2rem}.navigation{height:100%;display:flex}.add-bookmark,.add-recipe{cursor:pointer;align-items:center;gap:1.2rem;padding-inline:1.2rem;font-size:1.6rem;display:flex}.add-bookmark:hover,.add-recipe:hover{background-color:#f2efee}.add-bookmark{margin-left:3.2rem}.edit--icon,.bookmark--icon{fill:#f38e82;width:3.2rem;height:3.2rem}.search{display:flex}.search>input{color:#aaa;border:none;border-radius:100vw 0 0 100vw;outline:none;width:30rem;padding:1.6rem 4.8rem;font-size:1.8rem}.btn{color:#fff;cursor:pointer;letter-spacing:1.5px;background:linear-gradient(to bottom right,#fbdb89,#f7b085);border:none;border-radius:100vw;align-items:center;gap:1rem;padding:1.2rem 3.2rem;font-size:1.6rem;font-weight:500;transition:all .3s;display:flex}.search-btn{margin-left:-3rem}.search-btn:hover{transform:scale(1.05)}.search-btn>svg{fill:#fff;width:3.2rem;height:3.2rem}.section -search-results{height:100%}.search--items{margin-block:4.8rem}.search---items---row{cursor:pointer;align-items:center;gap:2.4rem;width:100%;height:9rem;margin-bottom:3px;padding-inline:3.2rem;transition:all .5s;display:flex}.search---items---row:hover,.search---items---row.selected{background-color:#f9f5f3;transform:translateY(-5px)}h3{color:#f396ae;text-overflow:ellipsis;white-space:nowrap;max-width:25rem;margin-bottom:3px;font-size:1.6rem;overflow:hidden}h5{color:#918585;font-size:1.6rem;font-weight:400}.recipe-img-container{background-color:#f38e82;border-radius:50%;width:5.8rem;height:5.8rem;transition:all .3s;overflow:hidden}.recipe-img-container>img{width:100%;height:100%}.pagination--section{padding-inline:3.2rem;justify-content:space-between;padding-bottom:4.8rem;display:flex}.pagination--section svg{fill:#f38e82;width:1.8rem;height:1.8rem}.page--no,.on-what-page{border-radius:100vw;align-items:center;padding:8px 1.8rem;font-size:1.4rem;font-weight:500;display:flex}.on-what-page{color:#6a555682;letter-spacing:5px;background-color:#0000;font-size:1.4rem;font-weight:600}.page--no{color:#f38e82;cursor:pointer;background-color:#f9f5f3}.page--no:hover{background-color:#f2efee}.copyright--section{text-align:center;color:#aaa;font-size:1.2rem}.copyright--section a{color:#aaa;font-size:1.4rem;font-weight:700;transition:all .2s}.copyright--section a:hover{color:#5f5f5f}.recipe-detailed-info{background-color:#aaa1}.recipe--overview{background-color:#f9f5f3;width:100%;padding-bottom:4rem}.recipe--overview figure{margin-bottom:8rem;position:relative}.recipe--overview figure .recipe--title{color:#fff;text-transform:uppercase;text-align:center;width:40%;font-size:3.25rem;font-weight:700;line-height:1.7;position:absolute;bottom:0;left:50%;transform:translate(-50%,25%)skewY(-6deg)}.recipe--title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);padding:1.2rem 1.8rem}.recipe--overview figure:before{content:"";opacity:.6;background-color:#f38d825a;background-image:linear-gradient(to bottom right,#fbdb89,#f48982);width:100%;height:100%;position:absolute;top:0;left:0}.recipe--overview img{background-position:50%;background-repeat:no-repeat;width:100%;height:35rem;transition:all .7s}.recipe--overview img:hover{transform:scale(1.1)}.recipe--overview--options{gap:4rem;width:100%;margin-bottom:3.2rem;padding-inline:8rem;font-size:2rem;display:flex}.recipe--overview--options svg{fill:#f38e82;width:2.4rem;height:2.4rem}.recipe--overview--options span{font-weight:700}.recipe--overview--options .bookmark--icon--container{cursor:pointer;background:linear-gradient(to bottom right,#fbdb89,#f7b085);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:1.2rem;transition:all .4s;display:flex}.recipe--overview--options .bookmark--icon{fill:#fff;width:2.8rem;height:2.8rem}.plus--icon,.minus--icon{cursor:pointer;transition:all .3s}.recipe--overview--options .plus--icon:hover,.recipe--overview--options .minus--icon:hover{transform:translateY(-2px)}.recipe--overview--options .bookmark--icon--container:hover{transform:scale(1.1)}.cooking--time,.serving--selector{align-items:center;gap:1rem;display:flex}.recipe-ingredient-list-container{background-color:#f2efee;padding:4.8rem 5.4rem}.recipe-ingredient-list-container h4,.how-to-cook-section h4{color:#f38e82;text-align:center;margin-bottom:2.8rem;font-size:2.4rem;font-weight:500}.ingredient--list{grid-template-columns:repeat(2,1fr);row-gap:3.2rem;list-style:none;display:grid}.ingredient--list--item{color:#6a5556;gap:5px;font-size:1.8rem;font-weight:400;line-height:1.4;display:flex}.ingredient--list--item svg{flex-shrink:0}.ingredient--list--item .check--icon{fill:#f38e82;width:2.4rem;height:2.4rem}.how-to-cook-section{text-align:center;color:#918581;background-color:#f9f5f3;padding-block:4.8rem;padding-inline:5.4rem;font-size:1.6rem}.how-to-cook-section p{margin-bottom:4.8rem}.how-to-cook-section span{font-size:1.8rem;font-weight:700}.arrow--icon{fill:#fff;width:1.8rem;height:1.8rem}.go-to-btn{transform:translate(120%)}.go-to-btn:hover{transform:translate(120%)scale(1.05)}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background-color:#00000090;width:100%;height:100%;position:fixed;top:0;left:0}.overlay.hidden{display:none}.recipe-adder-pop-up{z-index:1000;background-color:#fff;border-radius:9px;width:100rem;padding:3.2rem 6rem;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4rem 6rem #00000040}.recipe-adder-pop-up.hidden{transform:translate(-50%,-50%)scale(0)}.recipe-form{grid-template-columns:repeat(2,1fr);gap:6.4rem;display:grid}.upload-column{grid-template-columns:1fr 2.8fr;align-items:center;gap:1.5rem;display:grid}.upload-column h6{color:#f38e82;grid-column:1/3;margin-bottom:1rem;font-size:2.4rem}.upload-column input{border:1px solid #ccc;border-radius:5px;grid-column:2;padding:.6rem 1.2rem;font-size:1.8rem;transition:all .5s}.upload-column input::placeholder{color:#6a555665}.upload-column input:focus{background-color:#cccccc16;border:1px solid #f38e82}.upload-column label{color:#aaa;font-size:1.6rem}.upload-recipe-btn{color:#fff;filter:grayscale(.3);background:linear-gradient(to bottom right,#fbdb89,#f7b085);border:none;border-radius:100vw;grid-column:1/-1;justify-content:center;justify-self:center;align-items:center;gap:1.2rem;width:max-content;padding:1.2rem 3.2rem;font-weight:700;transition:all .3s;display:flex}.upload-recipe-btn svg{fill:#fff;width:3.2rem;height:3.2rem}.close-pop-up{cursor:pointer;color:#aaa;background-color:#0000;border:none;font-size:4rem;transition:all .3s;position:absolute;top:2%;right:3%}.close-pop-up:hover{color:#222}.welcome-message-start-serching,.error-box{text-align:center;gap:1.2rem;padding-top:4rem}.welcome-message-start-serching p,.error-box p{margin-top:1.2rem;font-size:2.4rem}.welcome-message-start-serching svg,.error-box svg{fill:#f38e82;width:4.8rem;height:4.8rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{text-align:center;margin-top:3.2rem}.spinner svg{fill:#f38e82;width:8rem;height:8rem;animation:2s linear infinite rotate}.bookmarks--section{z-index:5;text-align:center;color:#777;cursor:pointer;background-color:#fff;gap:2rem;width:30%;padding:1rem;font-size:1.6rem;line-height:1.3;transition:all .5s;position:absolute;top:100%;right:0}.bookmarks--section svg{width:4rem;height:4rem}.bookmarks--section.hidden{scale:0}
/*# sourceMappingURL=index.1caf217f.css.map */