:root{--bgPrimary:#000;--bgColor:#252120;--fontColor:#fff;--buttonFont:#fff;--tagBg:#ff9500;--tagSecBg:#b16429;--fontTag:#252120;--buttonHover:#fff}@media (prefers-color-scheme:dark){:root{--bgPrimary:#fff;--bgColor:#f3f3f3;--fontColor:#000;--buttonFont:#000}}body{background:#000;background:var(--bgPrimary);font-family:Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App,body{margin:0;padding:0;box-sizing:border-box}.App{text-align:center}a{color:inherit;text-decoration:none}.input{border-style:none;border:1px solid var(--buttonHover);border-radius:5px}.button{border-style:none;font-family:sans-serif;font-size:1em;font-weight:bolder;background:transparent;cursor:pointer;color:var(--buttonFont);padding:28px;transition:.4s}.button:hover{background:var(--buttonHover);color:var(--fontTag)}.App-header{background-color:var(--bgColor);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--fontColor)}.App-link{color:#61dafb}.home-container{color:var(--fontColor);background-color:var(--bgPrimary);box-sizing:border-box;padding:0;margin:0}.cards-container{padding:8vw;display:grid;grid-gap:4vw;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.cards-container>:nth-child(2n):last-of-type{grid-column:span 3}.notFound{background:red}.pagination{padding-top:150px;justify-content:center}.pagination,nav{display:flex;align-items:center}nav{padding:0 100px;justify-content:space-between;background:var(--tagSecBg)}.navigationForm{display:flex;flex-direction:row;align-items:center;cursor:pointer;transition:all 2s ease}.navigationForm .active{width:50px}.navigationForm .text{display:none;transition:all 2s}.navigationForm .text.active{display:inline;border-style:none;position:relative;font-family:sans-serif;font-size:1rem;padding:10px;width:350px}form .searchIcon{width:10px}.navigationForm .cancel{display:none}.navigationForm img{width:30px;-webkit-filter:invert(1);filter:invert(1)}.navigationForm img:hover{-webkit-filter:invert(0);filter:invert(0)}.navigationForm .cancel.active{display:inline}.logo img{height:80px;background-size:80px}.button{color:#fff}:root{--c:15vw}.RecipeCard_container__u-CtI{background-color:var(--bgColor);border-radius:10px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.RecipeCard_container__u-CtI:hover{transition:.3s;background:#7a4805}.RecipeCard_imgContainer__1AHp4{background:var(--fontColor);height:16vw;height:calc(1vw + var(--c));width:16vw;width:calc(1vw + var(--c));display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-clip-path:circle(40%);clip-path:circle(40%)}.RecipeCard_imgContainer__1AHp4 img{height:15vw;height:var(--c);width:15vw;width:var(--c);border-radius:50%;-webkit-transform:scale(.8);transform:scale(.8)}.RecipeCard_dietsContainer__1FUdH{display:flex;flex-wrap:wrap;justify-content:space-around}.RecipeCard_dietTag__2ClD6{background:var(--tagBg);color:var(--fontTag);display:inline-block;margin:10px;padding:1px 5px;border-radius:3px}.Pagination_buttonNormal__1enCC{border-style:none;font-family:sans-serif;font-size:1rem;font-weight:bolder;cursor:pointer;padding:28px;transition:.4s;background:transparent;color:var(--buttonFont)}.Pagination_buttonNormal__1enCC:hover{border-style:none;cursor:pointer;background:var(--tagSecBg);color:#000}.Pagination_active__1R0gI{border-style:none;font-family:sans-serif;font-size:1rem;font-weight:bolder;cursor:pointer;padding:28px;transition:.4s;background:var(--tagBg);color:#282c34}.Loading_container__o1Lrm{height:100vh}.Loading_container__o1Lrm,.Loading_loading__2JaUi{display:flex;justify-content:center;align-items:center}.Loading_loading__2JaUi{background:var(--bgPrimary);position:relative;border-radius:50%;width:300px;height:300px;-webkit-animation:Loading_animate__geiOk 2s ease infinite;animation:Loading_animate__geiOk 2s ease infinite;overflow:hidden}.Loading_loading__2JaUi:before{content:"";position:absolute;width:100px;height:100px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0;left:0;background:var(--fontColor)}@-webkit-keyframes Loading_animate__geiOk{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes Loading_animate__geiOk{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}.Loading_loading__2JaUi:after{position:absolute;content:"";background:var(--bgPrimary);width:270px;height:270px;border-radius:50%;z-index:0}.LandingPage_bgCover__4IjRS{background:#252120}.LandingPage_bg__1XtXv{height:100vh;background-image:url(/static/media/landing-page.22ef4a56.jpg);background-size:cover;-webkit-clip-path:circle(70% at 50% 50%);clip-path:circle(70% at 50% 50%);-webkit-animation-name:LandingPage_bg-animation__2SBcp;animation-name:LandingPage_bg-animation__2SBcp;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;z-index:0;-webkit-filter:brightness(50%);filter:brightness(50%)}.LandingPage_bg__1XtXv,svg{-webkit-animation-duration:5s;animation-duration:5s}svg{width:1em;margin:2em auto;display:block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-clip-path:inset(0 100% 0 100%);clip-path:inset(0 100% 0 100%);-webkit-animation-name:LandingPage_svg-animation__359Sf;animation-name:LandingPage_svg-animation__359Sf;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.LandingPage_container__2e1Ue{position:absolute;top:0;height:100vh;width:100%;display:grid;place-content:center}.LandingPage_content__3suVm{color:#fff;text-align:center}.LandingPage_content__3suVm h1{font-size:6rem;margin-bottom:0;font-weight:400}.LandingPage_content__3suVm .LandingPage_textReveal__mKn-5,.LandingPage_content__3suVm .LandingPage_textReveal__mKn-5:hover{font-family:serif;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:all 1.5s;-webkit-animation-name:LandingPage_text-animation__2clYX;animation-name:LandingPage_text-animation__2clYX;-webkit-animation-duration:4.5s;animation-duration:4.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.LandingPage_content__3suVm .LandingPage_textReveal__mKn-5:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes LandingPage_bg-animation__2SBcp{0%{-webkit-filter:blur(3px);filter:blur(3px);-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}12%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}13%{-webkit-filter:blur(3px);filter:blur(3px);-webkit-clip-path:circle(10% at 50% 50%);clip-path:circle(10% at 50% 50%)}79%{-webkit-filter:blur(3px);filter:blur(3px)}80%{-webkit-filter:brightness(100%);filter:brightness(100%)}}@keyframes LandingPage_bg-animation__2SBcp{0%{-webkit-filter:blur(3px);filter:blur(3px);-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}12%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}13%{-webkit-filter:blur(3px);filter:blur(3px);-webkit-clip-path:circle(10% at 50% 50%);clip-path:circle(10% at 50% 50%)}79%{-webkit-filter:blur(3px);filter:blur(3px)}80%{-webkit-filter:brightness(100%);filter:brightness(100%)}}@-webkit-keyframes LandingPage_text-animation__2clYX{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transform:translateY(100px);transform:translateY(100px)}50%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transform:translateY(100px);transform:translateY(100px)}60%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes LandingPage_text-animation__2clYX{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transform:translateY(100px);transform:translateY(100px)}50%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);-webkit-transform:translateY(100px);transform:translateY(100px)}60%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes LandingPage_svg-animation__359Sf{0%{-webkit-clip-path:inset(0 100% 100% 100%);clip-path:inset(0 100% 100% 100%)}60%{-webkit-clip-path:inset(0 100% 100% 100%);clip-path:inset(0 100% 100% 100%)}to{-webkit-clip-path:inset(0 100% 0 100%);clip-path:inset(0 100% 0 100%)}}@keyframes LandingPage_svg-animation__359Sf{0%{-webkit-clip-path:inset(0 100% 100% 100%);clip-path:inset(0 100% 100% 100%)}60%{-webkit-clip-path:inset(0 100% 100% 100%);clip-path:inset(0 100% 100% 100%)}to{-webkit-clip-path:inset(0 100% 0 100%);clip-path:inset(0 100% 0 100%)}}.createBody .button{color:var(--buttonFont)}.alert-container{background:var(--fontColor)}.detailBody,.loading{height:100vh;display:flex;justify-content:center;align-items:center}.detailBody{font-size:.8rem;background-color:var(--bgPrimary);color:var(--fontColor);flex-direction:column}.recipeDetail{padding:35px;background-color:var(--bgColor);height:80%;width:80%;flex-direction:column}.recipeDetail,.recipeDetail-title{display:flex;align-items:center;justify-content:center}.recipeDetail-title{flex-direction:row}.buttonDelete{margin:10px;border-style:none;font-family:sans-serif;font-size:1rem;font-weight:bolder;background:var(--tagSecBg);cursor:pointer;color:var(--fontColor);padding:15px;transition:.4s}.recipeDetail-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.detailBody .button{background:var(--fontColor);color:var(--bgColor)}.detailBody .summary{line-height:1.5;font-size:1.2em}.tag{margin:15px;color:var(--fontColor);display:inline;padding:1px 5px;border-radius:3px}.diet{background:var(--tagBg);color:#000}.type{background:#02c0d9;color:#000}.imageDetail{height:300px}.buttonDelete:hover{background:var(--buttonHover);color:var(--fontTag)}.recipeDetail-content{padding-left:10px}.createBody{padding:70px;color:var(--fontColor);background-color:var(--bgPrimary);flex-direction:column}.createBody,.createRecipe{display:flex;align-items:center;justify-content:center}.createRecipe{background-color:var(--bgColor)}.error{color:red}.createRecipe-container{display:flex;flex-direction:column;width:867px;align-items:center;justify-content:center}.createRecipe-container input{font-family:sans-serif;padding:10px;background:var(--buttonHover);border-style:none}.createRecipe-container label{display:block;margin:20px}.createBody .button{background:var(--bgColor);width:163px}.createBody .button:hover{background:var(--fontColor);color:var(--bgColor);width:163px}.diets-container{display:flex;flex-wrap:wrap;flex-grow:1;align-content:space-around;justify-content:center;margin-bottom:30px}.diets-container .diet-tag{background:var(--buttonHover);color:var(--fontTag)}.diets-container .diet-tag,.diets-container .diet-tag.included{margin:15px;cursor:pointer;display:inline;padding:1px 5px;border-radius:3px}.diets-container .diet-tag.included{background:var(--tagBg);color:var(--fontColor)}.step-button{border-style:none;font-family:sans-serif;font-size:1rem;font-weight:bolder;background:transparent;cursor:pointer;color:var(--buttonFont);padding:12px 28px;height:max;transition:.4s}.step-button:hover{box-shadow:inset 10px 10px 117px 64px #c5c3c3;-webkit-box-shadow:10px 10px 117px 64px #c5c3c3 inset;-moz-box-shadow:10px 10px 117px 64px #c5c3c3 inset;color:#282c34}.createdStep{display:flex;align-items:center;justify-content:center}.createdStep input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.image-container img{width:400px}.createBody .create{margin:10px;background:var(--fontColor);color:var(--bgColor);width:163px}.createBody .create:hover{background:var(--bgColor);color:var(--fontColor)}.alert{position:absolute;background:rgba(0,0,0,.3333333333333333);height:100%;width:100%}.alert,.alert-container{display:flex;align-items:center;justify-content:center}.alert-container{background:var(--bgColor);flex-direction:column;height:50%;width:50%}
/*# sourceMappingURL=main.d59fd41f.chunk.css.map */