:root{--clr-primary-100:#e9eecc;--clr-primary-200:#e0e8b8;--clr-primary-300:#d8e2a5;--clr-primary-400:#d0dc92;--clr-primary-500:#c7d67f;--clr-accent-100:#7fb34e;--clr-accent-200:#73a246;--clr-accent-300:#66903e;--clr-accent-400:#597e36;--clr-accent-500:#4d6c2f;--clr-neutral-100:#fff;--clr-neutral-200:#dedede;--clr-neutral-300:#ccc;--clr-neutral-400:#999;--clr-neutral-500:gray;--clr-neutral-600:#666;--clr-neutral-700:#4d4d4d;--clr-neutral-800:#262626;--clr-neutral-900:#000;--clr-primary-opacity-100:#d8e2a51a;--clr-primary-opacity-200:#d8e2a533;--clr-primary-opacity-300:#d8e2a566;--clr-primary-opacity-400:#d8e2a599;--clr-primary-opacity-500:#d8e2a5cc;--clr-accent-opacity-100:#66903e1a;--clr-accent-opacity-200:#66903e33;--clr-accent-opacity-300:#66903e66;--clr-accent-opacity-400:#66903e99;--clr-accent-opacity-500:#66903ecc;--clr-white-opacity-100:#fff3;--clr-white-opacity-200:#fff6;--clr-white-opacity-300:#fff9;--clr-white-opacity-400:#fffc;--clr-white-opacity-500:#fff;--clr-black-opacity-100:#0003;--clr-black-opacity-200:#0006;--clr-black-opacity-300:#0009;--clr-black-opacity-400:#000c;--clr-black-opacity-500:#000;--clr-grey-opacity-100:#4d4d4d33;--clr-grey-opacity-200:#4d4d4d66;--clr-grey-opacity-300:#4d4d4d99;--clr-grey-opacity-400:#4d4d4dcc;--clr-grey-opacity-500:#4d4d4d;--fs-display:8rem;--fs-heading:3.6rem;--fs-subheading:2.4rem;--fs-label:1.8rem;--fs-body:1.4rem;--fs-caption:1rem;--ff-primary:"Nunito",sans-serif;--ff-accent:"Concert One",sans-serif}@media only screen and (max-width:37.5em){:root{--fs-display:5rem;--fs-heading:3rem;--fs-subheading:2rem;--fs-label:1.4rem;--fs-body:1rem;--fs-caption:.8rem}}.heading-display{font-size:var(--fs-display);text-transform:capitalize;font-weight:300;line-height:1.2}.heading-1{font-size:var(--fs-heading);letter-spacing:.3rem;text-transform:capitalize;font-weight:700;line-height:1.2}.heading-2{font-size:var(--fs-subheading);letter-spacing:.3rem;font-weight:700}.heading-3{font-size:var(--fs-label);letter-spacing:.5rem;font-weight:500}.caption{font-size:var(--fs-caption)}:root{--icon-size:2.5rem}@media only screen and (max-width:56.25em){:root{--icon-size:2rem}}.icon-primary{fill:var(--clr-primary-300);height:var(--icon-size);width:var(--icon-size);transform:translateY(2px)}.icon-white{fill:var(--clr-neutral-100);height:var(--icon-size);width:var(--icon-size);transform:translateY(2px)}.icon-bookmarked{fill:var(--clr-accent-500);height:var(--icon-size);width:var(--icon-size);transform:matrix(1.2,0,0,1.2,0,2)}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(10rem)}80%{transform:translateY(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes pulsate--black{0%{box-shadow:none;transform:scale(1)}50%{transform:scale(1.3);box-shadow:0 2rem 6rem #0000004d}to{box-shadow:none;transform:scale(1)}}@keyframes hero-transition-out{0%{height:100vh;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}@keyframes app-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:var(--app-height);opacity:0;visibility:hidden}to{height:var(--app-height);opacity:1;visibility:visible}}@keyframes page-transition-in{0%{height:0;opacity:0;visibility:hidden}50%{height:100%;opacity:0;visibility:hidden}to{height:100%;opacity:1;visibility:visible}}@keyframes page-transition-out{0%{height:100%;opacity:1;visibility:visible}to{height:0;opacity:0;visibility:hidden}}@keyframes carousel{0%,17.5%{transform:translateZ(-35vw)rotateY(0)}27.5%,45%{transform:translateZ(-35vw)rotateY(-120deg)}55%,72.5%{transform:translateZ(-35vw)rotateY(-240deg)}82.5%,to{transform:translateZ(-35vw)rotateY(-360deg)}}@keyframes jelly{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes remove-error{0%{opacity:1;visibility:visible}90%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.hero-animation .hero__img-box{animation:moveInRight 1s ease-out 1.5s backwards}@media only screen and (max-width:56.25em){.hero-animation .hero__img-box{animation:moveInBottom 1s ease-out 1.5s backwards}}.card-float__animation .card-float__circle{clip-path:circle(300px at 80% -20%);background-color:var(--clr-primary-500)}.card-float__animation .card-float__img-box{top:0%;transform:translateY(-10%)}.card-float__animation .card-float__content-box{height:210px}.card-float__animation .card-float__text{visibility:visible;opacity:.5}.card-float__animation .card-float__text--1{transition-delay:.5s}.card-float__animation .card-float__text--2{transition-delay:.6s}.card-float__animation .card-float__btn{opacity:1;transition-delay:.75s;transform:translateY(0)}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}body{color:var(--clr-neutral-700);font-weight:400;line-height:1.6;font-family:var(--ff-primary);font-size:var(--fs-body)}::selection{background-color:var(--clr-primary-100)}.logo{font-weight:800}.logo__heading{font-size:var(--fs-subheading);display:inline-block}.logo__span{color:var(--clr-accent-300)}.logo__icon{height:3rem;width:3rem;position:relative;top:.5rem;left:-.5rem}.container-main{background-color:var(--clr-neutral-100);overflow:hidden}.app,.app__pageDashboard,.app__pageRecipe{background-color:var(--clr-neutral-100)}.hero{justify-content:space-between;align-items:center;display:flex}@media only screen and (max-width:56.25em){.hero{text-align:center;flex-direction:column;justify-content:center}}.hero__content{flex-direction:column;gap:5rem;display:flex}.pageDashboard{flex-direction:column;justify-content:flex-start;align-items:center;gap:5rem;display:flex}.operation{grid-template-areas:"search search""rec book";justify-content:center;place-items:center;gap:5rem;display:grid}.operation__search{grid-area:search}.operation__add-recipe{grid-area:rec}.operation__bookmarks{grid-area:book}.features__content{grid-template-columns:repeat(2,1fr);justify-content:center;place-items:center;gap:5rem;display:grid}@media only screen and (max-width:37.5em){.features__content{grid-template-columns:1fr}}.results{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;gap:1rem 2rem;display:grid}@media only screen and (max-width:75em){.results{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:56.25em){.results{grid-template-columns:1fr}}.upload{grid-template-areas:"data ing""btn btn";gap:4rem 6rem;display:grid}@media only screen and (max-width:56.25em){.upload{grid-template-areas:"data""ing""btn";gap:6rem}}.upload__data{grid-area:data}.upload__ingredients{grid-area:ing}.upload__btn{grid-area:btn;justify-self:center}.pageRecipe{flex-direction:column;justify-content:space-around;align-items:center;display:flex}.recipe__details{grid-template-areas:"time serv pins";justify-content:center;align-items:center;gap:5rem;display:grid}@media only screen and (max-width:56.25em){.recipe__details{gap:1.75rem}}@media only screen and (max-width:37.5em){.recipe__details{grid-template-areas:"pins""time""serv"}}.recipe__time{grid-area:time}.recipe__servings{grid-area:serv;margin-right:auto}.recipe__pins{grid-area:pins}@media only screen and (max-width:37.5em){.recipe__pins{justify-self:center}}.recipe__ingredients{flex-direction:column;align-items:center;gap:3rem;display:flex}.btn-cta{background-image:linear-gradient(to right bottom,var(--clr-accent-300),var(--clr-accent-200),var(--clr-accent-100));color:var(--clr-neutral-100);border:1px solid var(--clr-accent-200);width:max-content;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.2rem;appearance:none;cursor:pointer;border-radius:10rem;padding:1.5rem 3rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;position:relative;box-shadow:0 1rem 2rem #0003}.btn-cta:hover,.btn-cta:focus{transform:translateY(-2px)}.btn-cta:focus{outline:none}.btn-cta:active{transform:translateY(2px)}.btn-cta:hover,.btn-cta:focus,.btn-cta:active{box-shadow:0 2rem 6rem #0000004d}.btn-ghost{border:1px solid var(--clr-primary-300);color:var(--clr-accent-300);width:max-content;font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.2rem;appearance:none;cursor:pointer;background-color:#0000;border-radius:10rem;padding:1.5rem 3rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block;position:relative;box-shadow:0 1rem 2rem #0003}.btn-ghost:hover,.btn-ghost:focus{transform:translateY(-2px)}.btn-ghost:focus{outline:none}.btn-ghost:active{transform:translateY(2px)}.btn-ghost:hover,.btn-ghost:focus,.btn-ghost:active{box-shadow:0 2rem 6rem #0000004d}.btn-text--primary{color:var(--clr-accent-300);text-transform:uppercase;appearance:none;cursor:pointer;width:max-content;background-color:#0000;border:none;padding:3px;transition:all .2s;display:inline-block}.btn-text--primary:hover,.btn-text--primary:focus,.btn-text--primary:active{box-shadow:0 1rem 2rem #0003}.btn-text--primary:hover,.btn-text--primary:focus{transform:translateY(-2px)}.btn-text--primary:focus{outline:none}.btn-text--primary:active{transform:translateY(2px)}.btn-text--neutral{color:var(--clr-neutral-800);text-transform:uppercase;appearance:none;cursor:pointer;width:max-content;background-color:#0000;border:none;padding:3px;transition:all .2s;display:inline-block}.btn-text--neutral:hover,.btn-text--neutral:focus,.btn-text--neutral:active{box-shadow:0 1rem 2rem #0003}.btn-text--neutral:hover,.btn-text--neutral:focus{transform:translateY(-2px)}.btn-text--neutral:focus{outline:none}.btn-text--neutral:active{transform:translateY(2px)}.btn-ops{width:3.5rem;height:3.5rem;appearance:none;cursor:pointer;background-color:var(--clr-primary-300);color:var(--clr-neutral-100);border:none;border-radius:.7rem;padding:1px;font-size:1.8rem;transition:all .3s;display:inline-block}.btn-ops:hover,.btn-ops:focus,.btn-ops:active{box-shadow:0 1rem 2rem #0003}.btn-ops:hover,.btn-ops:focus{transform:translateY(-2px)}.btn-ops:focus{outline:none}.btn-ops:active{transform:translateY(2px)}.pageDashboard{padding-inline:3rem}.carousel{width:60vw;height:40vw;max-width:380px;max-height:250px;perspective:1000px;transform-origin:50%;margin:0;position:relative}.carousel__heading{text-align:center;margin-bottom:5rem;font-size:5rem}.carousel__heading--span{color:var(--clr-accent-100)}.carousel__content{width:100%;height:100%;transform-origin:50%;transform-style:preserve-3d;transform:translateZ(-30vw)rotateY(0);animation:carousel 10s cubic-bezier(.77,0,.175,1) infinite forwards;position:absolute}.carousel__content.step-animation{animation:carousel 8s step-end infinite forwards}.carousel__item{transform-origin:50%;width:60vw;height:50vw;max-width:380px;max-height:250px;justify-content:center;align-items:center;gap:2rem;display:flex;position:absolute;inset:0}@media only screen and (max-width:37.5em){.carousel__item{flex-direction:column;gap:0}}.carousel__item:nth-child(1){transform:rotateY(0)translateZ(35vw)}.carousel__item:nth-child(2){transform:rotateY(120deg)translateZ(35vw)}.carousel__item:nth-child(3){transform:rotateY(240deg)translateZ(35vw)}@media only screen and (max-width:37.5em){.carousel__img{margin-top:2rem}}@media only screen and (max-width:28.125em){.carousel__img{width:10rem}}.carousel__img--3{width:18rem}@media only screen and (max-width:28.125em){.carousel__img--3{width:10rem}}.carousel__text{font-size:4rem;font-style:italic}@media only screen and (max-width:28.125em){.carousel__text{font-size:3rem}}.card-float{border:1px solid var(--clr-accent-300);background-color:var(--clr-neutral-100);border-radius:20px;position:relative;box-shadow:0 2rem 6rem #0000004d}.card-float__box{width:320px;height:450px;position:relative}@media only screen and (max-width:56.25em){.card-float__box{width:280px}}@media only screen and (max-width:37.5em){.card-float__box{width:320px}}@media only screen and (max-width:23.75em){.card-float__box{width:280px}}.card-float__box:after{content:"GORECIPE";font-size:6rem;font-family:var(--ff-accent);color:var(--clr-primary-opacity-300);font-style:italic;font-weight:800;position:absolute;top:60%;left:10%}.card-float__circle{width:100%;height:100%;background-color:var(--clr-primary-300);clip-path:circle(150px at 80% 20%);border-radius:20px;transition:all .5s ease-in-out;position:absolute;top:0;left:0}.card-float__box:hover .card-float__circle{clip-path:circle(300px at 80% -20%);background-color:var(--clr-primary-500)}.card-float__img-box{z-index:3;width:100%;height:220px;transition:all .5s;position:absolute;top:50%;transform:translateY(-50%)}.card-float__box:hover .card-float__img-box{top:0%;transform:translateY(-10%)}.card-float__img{width:270px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-25deg)}@media only screen and (max-width:23.75em){.card-float__img{width:250px}}.card-float__content-box{z-index:3;width:100%;height:100px;text-align:center;transition:all 1s;position:absolute;bottom:0}.card-float__box:hover .card-float__content-box{height:210px}.card-float__heading{color:var(--clr-accent-300);margin-bottom:1.5rem;font-weight:600;position:relative;top:1rem}.card-float__text{opacity:0;visibility:hidden;transition:all .5s}.card-float__box:hover .card-float__text{visibility:visible;opacity:.5}.card-float__box:hover .card-float__text--1{transition-delay:.5s}.card-float__box:hover .card-float__text--2{transition-delay:.6s}.card-float__btn{background-color:var(--clr-neutral-100);opacity:0;border-radius:4px;margin-top:1rem;padding:10px 20px;transition:all .5s;display:inline-block;transform:translateY(50px)}@media only screen and (max-width:37.5em){.card-float__btn{margin-top:3rem}}.card-float__box:hover .card-float__btn{opacity:1;transition-delay:.75s;transform:translateY(0)}.search{border:1px solid var(--clr-accent-400);border-radius:10rem;align-items:center;padding-left:2.5rem;transition:all .3s;display:flex;position:relative}@media only screen and (max-width:37.5em){.search{flex-direction:column}}@media only screen and (max-width:23.75em){.search{width:27rem}}.search__input{width:30rem;background-color:#0000;border:none;border-radius:2px;padding:1.5rem 2rem;font-family:inherit;font-size:1.5rem;transition:all .3s}.search__input:focus{outline:none}.search__input::-webkit-input-placeholder{opacity:.5}@media only screen and (max-width:23.75em){.search__input{width:27rem}}.search__input:placeholder-shown+.search__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.search__label{color:var(--clr-neutral-700);text-align:start;margin-top:9rem;margin-left:2rem;font-size:1.2rem;font-weight:400;transition:all .3s;display:block;position:absolute}@media only screen and (max-width:37.5em){.search__label{margin-top:6rem;margin-left:-1rem}}@media only screen and (max-width:37.5em){.search__btn{margin-top:1.5rem;position:absolute;top:7rem;left:9rem}}@media only screen and (max-width:23.75em){.search__btn{left:6rem}}.cooking{position:relative;top:-30rem}@media only screen and (max-width:37.5em){.cooking{top:-20rem}}.cooking__text{width:100vw;height:20%;text-align:center;color:#d8e2a5;opacity:.75;margin-inline:auto;font-size:6vh;animation:pulse 2.5s linear infinite;position:relative;top:25vh}.cooking__cook{width:75vh;height:75vh;margin-inline:auto;position:relative;top:0;overflow:hidden}.cooking__bubble{opacity:0;border-radius:100%;position:absolute;box-shadow:0 0 .25vh #e9eecc}.cooking__bubble:nth-child(1){width:2.5vh;height:2.5vh;background-color:#e4ebc0;margin-top:2.5vh;animation:bubble 2s cubic-bezier(.53,.16,.39,.96) infinite;left:58%}.cooking__bubble:nth-child(2){width:2vh;height:2vh;background-color:#dfe7b4;margin-top:3vh;animation:bubble 2s ease-in-out .35s infinite;left:52%}.cooking__bubble:nth-child(3){width:1.5vh;height:1.5vh;background-color:#d8e2a5;margin-top:1.8vh;animation:bubble 1.5s cubic-bezier(.53,.16,.39,.96) .55s infinite;left:50%}.cooking__bubble:nth-child(4){width:1.2vh;height:1.2vh;background-color:#d3de99;margin-top:2.7vh;animation:bubble 1.8s cubic-bezier(.53,.16,.39,.96) .9s infinite;left:56%}.cooking__bubble:nth-child(5){width:1.1vh;height:1.1vh;background-color:#cedb8e;margin-top:2.7vh;animation:bubble 1.6s ease-in-out 1s infinite;left:63%}.cooking__area{width:50%;height:50%;transform-origin:15% 60%;background-color:#0000;animation:flip 2.1s ease-in-out infinite;position:absolute;bottom:0;right:0}.cooking__sides{width:100%;height:100%;transform-origin:15% 60%;animation:switchSide 2.1s ease-in-out infinite;position:absolute}.cooking__handle{width:35%;height:20%;background-color:#0000;border-top:1vh solid #d8e2a5;border-left:1vh solid #0000;border-radius:100%;position:absolute;bottom:18%;right:80%;transform:scale(1.3,.9)rotate(20deg)}.cooking__pan{width:50%;height:8%;transform-origin:-15% 0;background-color:#d8e2a5;border-radius:0 0 1.4em 1.4em;position:absolute;bottom:20%;right:30%}.cooking__pancake{width:100%;height:100%;animation:jump 2.1s ease-in-out infinite;position:absolute;top:24%;transform:rotateX(85deg)}.cooking__pastry{width:40%;height:45%;transform-origin:-20% 0;background-color:#d8e2a5;border-radius:100%;animation:fly 2.1s ease-in-out infinite;position:absolute;bottom:26%;right:37%;box-shadow:0 0 3px #d8e2a5}@keyframes jump{0%{top:24%;transform:rotateX(85deg)}25%{top:10%;transform:rotateX(0deg)}50%{top:30%;transform:rotateX(85deg)}75%{transform:rotateX(0deg)}to{transform:rotateX(85deg)}}@keyframes flip{0%{transform:rotate(0deg)}5%{transform:rotate(-27deg)}30%,50%{transform:rotate(0deg)}55%{transform:rotate(27deg)}83.3%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes switchSide{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes fly{0%{bottom:26%;transform:rotate(0deg)}10%{bottom:40%}50%{bottom:26%;transform:rotate(-190deg)}80%{bottom:40%}to{bottom:26%;transform:rotate(0deg)}}@keyframes bubble{0%{opacity:0;top:80%;transform:scale(.15)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;top:60%;transform:scale(.33)}}@keyframes pulse{0%{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scaleX(1.2)}to{opacity:.25;transform:scale(1)}}.message,.error{max-width:40rem;margin:0 auto;padding:5rem 4rem;display:flex}.message svg,.error svg{height:3rem;width:3rem;fill:var(--clr-primary-300);transform:translateY(-.3rem)}.message p,.error p{margin-left:1.5rem;font-size:1.8rem;font-weight:600;line-height:1.5}.preview{margin-bottom:1.5rem}.preview__link:link,.preview__link:visited{border:1px solid var(--clr-primary-400);height:30rem;width:37rem;background-color:#0000;flex-direction:column;align-items:center;gap:3rem;padding:1.5rem 3.25rem;text-decoration:none;transition:all .3s;display:flex;position:relative}@media only screen and (max-width:56.25em){.preview__link:link,.preview__link:visited{width:100%}}@media only screen and (max-width:23.75em){.preview__link:link,.preview__link:visited{width:30rem;padding:1rem 2rem}}.preview__link:hover{background-color:var(--clr-primary-opacity-300);transform:translateY(-3px)}.preview__link--active{background-color:var(--clr-primary-opacity-300)}.preview__fig{backface-visibility:hidden;height:30rem;width:100%;max-width:60rem;border-radius:15px;position:relative;overflow:hidden}.preview__img{width:100%;height:100%;object-fit:cover;transition:all .3s;display:block}.preview__data{flex-direction:column;justify-content:center;align-items:center;display:flex}.preview__title{color:var(--clr-accent-400);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:30rem;font-size:1.6rem;font-weight:600;overflow:hidden}@media only screen and (max-width:56.25em){.preview__title{max-width:42rem}}@media only screen and (max-width:37.5em){.preview__title{max-width:30rem}}@media only screen and (max-width:23.75em){.preview__title{max-width:25rem}}.preview__publisher{color:var(--clr-neutral-800);text-transform:uppercase;font-size:1.15rem;font-weight:600}.preview__user-generated{height:2rem;width:2rem;background-color:var(--clr-accent-100);border-radius:10rem;justify-content:center;align-items:center;margin-top:1rem;display:flex;position:absolute;bottom:1rem;right:1rem}.preview__svg{height:1.2rem;width:1.2rem;fill:var(--clr-neutral-100)}.add-recipe-window{z-index:555;background-color:var(--clr-neutral-100);width:85%;min-width:85rem;border-radius:9px;padding:5rem 6rem;transition:all .5s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2rem 6rem #0000004d}@media only screen and (max-width:56.25em){.add-recipe-window{min-width:45rem;position:absolute;top:900px}}@media only screen and (max-width:37.5em){.add-recipe-window{width:90%;min-width:35rem;padding:2rem 6rem}}@media only screen and (max-width:23.75em){.add-recipe-window{min-width:25rem;padding:2rem 3rem}}.add-recipe-window .btn--close-modal{color:inherit;cursor:pointer;background-color:#0000;border:none;font-family:inherit;font-size:3.5rem;position:absolute;top:.5rem;right:1.6rem}.overlay{z-index:100;width:100%;height:100%;background-color:var(--clr-black-opacity-200);-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .5s;position:fixed;top:0;left:0}.upload__column{grid-template-columns:1fr 2.8fr;align-items:center;gap:1.5rem;display:grid}@media only screen and (max-width:37.5em){.upload__column{grid-template-columns:1fr}}.upload__column label{color:var(--clr-accent-300);font-size:1.5rem;font-weight:600}.upload__column input{border:1px solid var(--clr-neutral-300);border-radius:.5rem;padding:.8rem 1rem;font-size:1.5rem;transition:all .2s}@media only screen and (max-width:37.5em){.upload__column input{min-width:25rem}}@media only screen and (max-width:23.75em){.upload__column input{min-width:20rem}}.upload__column input::placeholder{opacity:.5}.upload__column input:focus{border:1px solid var(--clr-accent-300);background-color:var(--clr-neutral-100);outline:none}.upload__column button{grid-column:1/span 2;justify-self:center;margin-top:1rem}.upload__heading{text-transform:uppercase;color:var(--clr-accent-300);grid-column:1/-1;margin-bottom:1rem;font-size:2.25rem;font-weight:700}.form-user{z-index:555;height:100vh;width:100vw;background-color:var(--clr-black-opacity-400);justify-content:center;align-items:center;transition:all .5s;display:flex;position:fixed}.form-user__container{width:50rem;height:33rem;background-color:var(--clr-neutral-100);text-align:center;border:none;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem 2.5rem;display:flex;position:relative}@media only screen and (max-width:37.5em){.form-user__container{width:90%}}.form-user__content{text-align:center}.form-user__span{color:var(--clr-accent-200)}.form-user__input{border:1px solid var(--clr-primary-300);max-width:20rem;border-radius:2px;padding:1.5rem 2rem;font-family:inherit;font-size:1.5rem;transition:all .3s}.form-user__input:focus{border-bottom:3px solid var(--clr-accent-300);outline:none;box-shadow:0 1rem 2rem #0003}.form-user__input:focus:invalid{border-bottom:3px solid var(--clr-neutral-900)}.form-user__input::-webkit-input-placeholder{color:var(--clr-neutral-300)}.form-user__input:placeholder-shown+.form-user__label{opacity:0;visibility:hidden;transform:translateY(-4rem)}.form-user__label{color:var(--clr-accent-300);text-align:start;margin-top:.7rem;margin-left:2rem;font-size:1.2rem;font-weight:400;transition:all .3s;display:block}.form-user__btn{font-size:var(--fs-label);margin-block:1.5rem}.form-user__btn-close{opacity:.3;cursor:pointer;background-color:#0000;border:none;font-family:inherit;font-size:3.5rem;position:absolute;top:0;right:1.6rem}.hero{height:100vh;position:relative}.hero:after{content:"";z-index:0;width:50rem;height:50rem;background-color:var(--clr-primary-300);border-radius:50%;position:absolute;bottom:-30rem;left:-15rem}@media only screen and (max-width:56.25em){.hero:after{display:none}}.hero__content{max-width:50rem;z-index:5;position:relative;left:5rem}@media only screen and (max-width:56.25em){.hero__content{top:15%;left:0}}.hero__heading{width:50rem}@media only screen and (max-width:37.5em){.hero__heading{max-width:30rem}}.hero__heading__span{color:var(--clr-accent-300)}.hero__img-box{display:inline-block;position:relative}@media only screen and (max-width:56.25em){.hero__img-box{bottom:-35rem}}@media only screen and (max-width:37.5em){.hero__img-box{bottom:-25rem}}@media only screen and (max-width:23.75em){.hero__img-box{bottom:-18rem}}.hero__img-box:after{content:"";background-color:var(--clr-primary-300);position:absolute;inset:-5rem -2rem -5rem 12rem;transform:rotate(10deg)}@media only screen and (max-width:56.25em){.hero__img-box:after{inset:7rem -2rem 5rem}}.hero__img{z-index:3;position:relative}@media only screen and (max-width:56.25em){.hero__btn{align-self:center}}.app,.app__pageDashboard,.app__pageRecipe{visibility:hidden;opacity:0;height:0}.pageDashboard{position:relative}.pageDashboard__logo{margin-top:1.5rem}.pageDashboard__greetings{text-align:center;z-index:5;background-color:#fff}.pageDashboard__cook,.pageDashboard__username{color:var(--clr-accent-400);font-weight:700}.pageDashboard__username{text-transform:capitalize}.pageDashboard__operation{z-index:5}.pageDashboard__search-results{margin-bottom:5rem}.pageDashboard__carousel{margin-bottom:8rem}.pageDashboard__btn-reset{align-self:center;margin-top:5rem}@media only screen and (max-width:37.5em){.operation__search{margin-bottom:8rem}}.search-results{flex-direction:column;margin-top:8rem;padding-bottom:1.5rem;display:flex}.search-results__results{margin-bottom:1rem;padding-inline:5rem;list-style:none}.pagination{margin-top:auto;padding-inline:1rem}.pagination:after{content:"";clear:both;display:table}.pagination__text{position:relative;bottom:.5rem}.pagination__btn--prev{float:left;position:relative;left:3rem}@media only screen and (max-width:23.75em){.pagination__btn--prev{left:4rem}}.pagination__btn--next{float:right;position:relative;right:3rem}@media only screen and (max-width:23.75em){.pagination__btn--next{right:4rem}}.bookmarks{z-index:10;height:50rem;background-color:var(--clr-neutral-100);border:3px solid var(--clr-primary-500);visibility:hidden;opacity:0;width:50rem;padding-block:1rem;transition:all .5s .2s;position:absolute;right:-2.5rem;overflow-x:hidden;overflow-y:scroll;box-shadow:0 1rem 2rem #0003}@media only screen and (max-width:56.25em){.bookmarks{width:40rem}}@media only screen and (max-width:37.5em){.bookmarks{width:35rem}}@media only screen and (max-width:23.75em){.bookmarks{width:30rem}}.bookmarks__list{list-style:none}.bookmarks:hover,.btn-bookmarks:hover+.bookmarks{visibility:visible;opacity:1}.features{margin-block:5rem}.features__heading{text-align:center;margin-bottom:5rem}.features__heading__span{color:var(--clr-accent-300)}.pageRecipe__recipe{width:100%;position:relative}.pageRecipe__fig{margin-top:3rem}.pageRecipe__btn-back{margin-bottom:4rem}.recipe__fig{height:32rem;transform-origin:top;position:relative}.recipe__img{width:100%;height:100%;object-fit:cover;display:block}.recipe__title{color:var(--clr-neutral-100);width:100%;text-transform:uppercase;text-align:center;font-size:3.25rem;font-weight:700;line-height:1.95;position:absolute;bottom:0;left:50%;transform:translate(-50%,20%)skewY(-6deg)}@media only screen and (max-width:37.5em){.recipe__title{font-size:2.25rem}}.recipe__title__span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(to right top,var(--clr-accent-100),var(--clr-accent-200));padding:1.3rem 2rem}.recipe__details{padding:7.5rem 5rem 3.5rem}.recipe__info{font-size:var(--fs-label);text-transform:uppercase;align-items:center;display:flex}.recipe__info:not(:last-child){margin-right:4.5rem}@media only screen and (max-width:37.5em){.recipe__info:not(:last-child){margin-right:0}}.recipe__info-icon{margin-right:1.15rem}.recipe__info-data{margin-right:.5rem;font-weight:700}.recipe__info-buttons{gap:1rem;margin-left:1.6rem;display:flex;transform:translateY(-1px)}.recipe__pins{gap:2rem;display:flex}@media only screen and (max-width:37.5em){.recipe__pins{margin-bottom:5rem}}.recipe__user-generated{background-color:var(--clr-primary-300);height:4rem;width:4rem;border-radius:10rem;justify-content:center;align-items:center;display:flex}.recipe__bookmarks{animation:pulsate--black 2s ease-in 5;transform:translateY(.2rem)}.recipe__ingredients{padding:5rem 8rem;font-size:1.6rem;line-height:1.4}@media only screen and (max-width:37.5em){.recipe__ingredients{padding:5rem 2rem}}.recipe__ingredients__heading{color:var(--clr-accent-300)}.recipe__ingredient-list{grid-template-columns:1fr 1fr;gap:2.5rem 3rem;list-style:none;display:grid}@media only screen and (max-width:37.5em){.recipe__ingredient-list{grid-template-columns:1fr;padding-inline:7rem}}@media only screen and (max-width:23.75em){.recipe__ingredient-list{padding-inline:5rem}}.recipe__ingredient{display:flex}.recipe__icon{flex:none;margin-top:.1rem;margin-right:1rem}.recipe__quantity{flex:none;margin-right:.5rem}.recipe__directions{flex-direction:column;align-items:center;padding:5rem 10rem;display:flex}@media only screen and (max-width:37.5em){.recipe__directions{padding:5rem 4rem}}.recipe__directions__heading{color:var(--clr-accent-300);margin-bottom:1.5rem}.recipe__directions-text{text-align:center;opacity:.5;margin-bottom:3.5rem;font-size:1.7rem}.recipe__publisher{text-transform:capitalize;font-weight:700}.recipe__btn__svg{position:relative;top:.5rem}.footer{padding:4rem 8rem}@media only screen and (max-width:37.5em){.footer{padding:2rem}}.footer__nav{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));align-items:center;gap:2rem;list-style:none;display:grid}@media only screen and (max-width:37.5em){.footer__nav{grid-template-columns:repeat(3,1fr)}}.footer__nav--link{font-size:var(--fs-body);text-align:center;color:inherit;border:1px solid var(--clr-primary-300);padding:1.5rem;text-decoration:none;transition:all .2s;display:block}.footer__nav--link:hover,.footer__nav--link:focus{background-color:var(--clr-accent-opacity-100);transform:translateY(-3px)}.footer__nav--link:focus{outline:none}.footer__nav--link:active{transform:translateY(3px)}.footer__copyright{font-size:var(--fs-body);text-align:center;width:max-content;margin-top:5rem;margin-left:auto;margin-right:auto}:root{--app-height:100%}@media only screen and (max-width:56.25em){:root{--app-height:100%}}.app-transition-in{animation:app-transition-in 1s ease-out forwards}.hero-transition-out{animation:hero-transition-out .5s ease-out forwards}.page-transition-in{animation:page-transition-in 1s ease-out forwards}.page-transition-out{animation:page-transition-out .5s ease-out forwards}.page-transition-in-margin{margin-top:-10rem}.pageDash-minHeight{min-height:150rem}.error{color:var(--clr-accent-300)}.error-user{color:var(--clr-accent-300);position:absolute;top:10%}.remove-error{animation:remove-error 5s ease-out forwards}.display-error{animation:display-popup 3s ease-out}.display-popup{animation:display-popup 5s ease-out}.hidden{visibility:hidden;opacity:0}.intro-flex{display:flex}.grid{display:grid}.bookmark-position{position:relative;right:2.5rem}
/*# sourceMappingURL=index.06ac4405.css.map */