:root{--main-gradient:linear-gradient(to right bottom,#fbdb89,#f48982);--main-clr:#f38e82;--fnt-clr:#615551}body{color:var(--fnt-clr);font-family:Nunito Sans,sans-serif}i{color:var(--main-clr);font-size:1.25rem}li{list-style:none}.bg-main{background-image:var(--main-gradient);background-repeat:no-repeat;background-size:cover}.bg-sec{background-color:#f9f5f3}.w-40{width:40%}.w-90{width:90%}.text-main{color:var(--main-clr)}main{border-radius:.625rem;width:95%;min-height:100vh;margin-block:96px}.list{min-height:100vh}.logo img{height:3.125rem}form{background-color:#fff;border-radius:6.25rem;width:50%!important;padding-right:0!important}input.search{color:var(--fnt-clr);border:0;border-radius:6.25rem;outline:none;width:65%;padding:.9375rem 1rem;font-size:1.125rem;display:inline-block}input::-webkit-input-placeholder{opacity:.4!important}input.search+button{color:#fff;border-radius:6.25rem;width:30%;transition:all .3s}.upload button{color:#fff;border-radius:6.25rem;width:25%;transition:all .3s}.upload button i{color:#fff}input.search+button:hover,.howToCook a:hover,.upload button:hover{color:#fff;transform:scale(1.1,1.05)}header .btns button{font-size:.875rem}header .btns button i{font-size:1.125rem!important}header .btns button:hover{background-color:#8a898923}.bookmark-list{z-index:9;transition:all 1s}.bm:hover+.bookmark-list,.bookmark-list:hover{opacity:100!important}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner i{font-size:6.25rem;animation:2s linear infinite spinner}.w-80{width:80%}.item{transition:all .3s}.item a{cursor:pointer;color:inherit;grid-template-columns:1fr 3fr;align-items:center;column-gap:.625rem;width:100%;padding-block:1.25rem;padding-inline:2.5rem;text-decoration:none;display:grid;position:relative}.item img{border-radius:50%;grid-row:1/3;justify-self:center;width:3.75rem;height:3.75rem}.item h2{color:var(--main-clr);text-overflow:ellipsis;white-space:nowrap;align-self:flex-end;margin:0;font-size:1.125rem;overflow:hidden;display:inline-block!important}.item p{grid-column:2/3;place-self:flex-end start;margin-bottom:.625rem;font-size:.625rem}.item:hover{background-color:#f9f5f3;transform:translateY(-.25rem)}.selected{background-color:#f9f5f3}.page-ctrl button{color:var(--main-clr);background-color:#f9f5f3;border:0;border-radius:1.25rem;width:auto;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s}.page-ctrl button:hover{background-color:#e0e0e092}.recipe picture{width:100%;height:25rem;display:inline-block;position:relative}.recipe picture:before{content:"";background-image:linear-gradient(to bottom right,#fbdb8978,#f48982);background-repeat:no-repeat;background-size:cover;width:100%;height:25rem;position:absolute}.recipe picture img{width:100%;height:100%}.recipe header{position:relative}.recipe header h2{text-align:center;text-transform:uppercase;width:auto;height:auto;font-size:2rem;font-weight:700;line-height:1.7;transform:translate(-50%,-90%)skewY(-6deg)!important}.info .left{text-transform:uppercase;font-size:1rem;font-weight:500}.bookmark i{color:#fff;background-image:var(--main-gradient);border-radius:50%;padding:.625rem .875rem}.right .bookmark,.person{cursor:pointer;transition:all .3s}.right .bookmark:hover,.person:hover{transform:scale(1.05)}.person i{color:#8b8b8b;border-radius:50%}.right .person i{font-size:30px}.info{background-color:#f9f5f3}.plusMinus i{transition:all 0 .3s;cursor:pointer}.ingredients{background-color:#f2efee}.ingredients h2,.howToCook h2{text-transform:uppercase;color:var(--main-clr);font-size:1.25rem;font-weight:700}.ingredients ul{grid-template-columns:1fr 1fr;row-gap:1.25rem;width:80%;margin-inline:auto;display:grid}.howToCook a{color:#fff;border-radius:6.25rem;padding:.8125rem 1.875rem;transition:all .3s}.message{font-size:20px}.addRecipe{z-index:999}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;background-color:#1e1e1ec3}.addRecipe i{color:var(--main-clr);font-size:2.625rem;top:.25rem;right:.625rem}.yourRecipe h2{font-size:24px;font-weight:700}.grid{grid-template-columns:1fr 2.8fr;align-items:center;gap:24px 30px;display:grid}.addRecipe{width:60%}.addRecipe h2{text-transform:uppercase}.close i{cursor:pointer;color:#000}.addRecipe input:focus{box-shadow:0px 0px 6px 1px var(--main-clr);border-color:var(--main-clr);background-color:#f9f5f3}.bi-person-circle{font-size:24px;color:var(--fnt-clr)!important}.filled{background-color:#fff!important}
/*# sourceMappingURL=index.9219149e.css.map */