.home>section#hero{background-image:url(/assets/images/perfect-arepas.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;flex-direction:column}#hero>.background-hero,.home>section#hero{display:flex;align-items:center;justify-content:center}#hero>.background-hero{background:rgba(0,0,0,.7333333333333333);min-height:calc(100vh - 4rem);padding:1rem;width:100%}#hero>.background-hero>.container{justify-content:center;width:90%}#hero>.background-hero>.container,.hero{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem}.hero{color:#fff;width:100%}#hero>.background-hero>.container>.form-search{width:100%;border-radius:.3rem;padding:1rem;background:hsla(0,0%,100%,.13333333333333333)}.hero>h2{text-align:center;font-size:12vw;text-transform:capitalize}.hero>h2>span{color:var(--yellow)}.hero>p{font-size:7vw;text-align:center}.hero>button{padding:.5rem 2rem;border-radius:2rem;border:0;background-color:var(--pink);color:var(--white);cursor:pointer;font-size:5vw}.hero>button:hover{color:var(--pink);background-color:var(--white)}#recipes{padding:3rem 0}#recipes,#recipes>.container{display:flex;flex-direction:column;align-items:center}#recipes>.container{width:90%;max-width:1024px;grid-gap:3rem;gap:3rem}#recipes>.container>h2{font-size:1.7rem;font-weight:700;margin-bottom:1rem;margin-top:1rem;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Poppins,sans-serif;border-bottom:3px solid;color:#444}.recipes-items{grid-gap:3rem;gap:3rem;width:100%}#recipes-categories,.recipes-items{display:flex;flex-direction:column;align-items:center}#recipes-categories{padding:3rem 0;background-color:#f1f1f1}#recipes-categories>.container{width:90%;max-width:1024px;display:flex;flex-direction:column;align-items:center;grid-gap:3rem;gap:3rem}#recipes-categories>.container>h2{font-size:1.7rem;font-weight:700;margin-top:1rem;text-transform:uppercase;letter-spacing:1px;font-family:Poppins,sans-serif;color:#444;border-bottom:3px solid}#recipes-categories>.container>.recipes-categories{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;width:100%}#recipes>.container>.area-items{display:flex;flex-direction:column;align-items:center;grid-gap:3rem;gap:3rem;width:100%}#recipes>.container>.area-items>a{position:relative;background-color:#fff;border-radius:.5rem;width:70%;box-shadow:0 0 20px rgba(0,0,0,.2);padding:1rem;justify-content:center}#recipes>.container>.area-items>a>.area-item{display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem}#recipes>.container>.area-items>a>.area-item>h3{font-size:1.5rem;text-align:center;padding-top:1rem;border-top:1px solid #ccc;color:#555;width:100%}#recipes>.container>.area-items>a>.area-item>img{width:100%;border-radius:50%;width:50vw;height:50vw;object-fit:cover}.category-container{display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;width:75%;box-shadow:0 0 10px rgba(0,0,0,.06666666666666667);background-color:#fff;border-radius:.5rem;padding:1rem}.top-category>img{width:9rem;height:9rem;border-radius:50%;background-color:#fff;object-fit:cover}.bottom-category{display:flex;flex-direction:column;align-items:center;grid-gap:1rem;gap:1rem;width:100%}.bottom-category>h3{color:var(--pink);font-size:1.5rem}.bottom-category>p{text-align:center;line-height:1.5rem;font-size:1rem;color:#777}.bottom-category>button{background-color:initial;border:1px dashed var(--pink);border-radius:.2rem;padding:.5rem 1.5rem;cursor:pointer;font-size:1rem;color:var(--pink);width:100%}@media screen and (min-width:480px){#hero>.background-hero>.container>.form-search{width:70%}.hero>h2{font-size:3rem}.hero>p{font-size:5vw}.hero>button{font-size:3vw}.recipes-items{flex-direction:row;flex-wrap:wrap;grid-gap:2rem;gap:2rem;justify-content:space-around}#recipes-categories>.container>.recipes-categories{flex-direction:row;flex-wrap:wrap;justify-content:space-around}#recipes>.container>.area-items{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-between;grid-gap:1rem;gap:1rem}#recipes>.container>.area-items>a{width:48%}#recipes>.container>.area-items>a:first-of-type{display:none}#recipes>.container>.area-items>a>.area-item>img{width:100%;border-radius:50%;width:30vw;height:30vw}}@media screen and (min-width:768px){#hero>.background-hero>.container{flex-direction:row;max-width:1024px}.hero{align-items:flex-start}.hero>h2{font-size:4rem;text-align:left}.hero>p{font-size:3vw;text-align:left}.hero>button{font-size:1.5vw}.recipes-items{flex-wrap:nowrap;justify-content:center}#recipes,#recipes-categories{justify-content:center;min-height:80vh}#recipes-categories>.container>.recipes-categories{flex-wrap:nowrap}#recipes>.container>.area-items>a{width:31%}#recipes>.container>.area-items>a:first-of-type{display:flex}#recipes>.container>.area-items>a>.area-item>h3{width:100%}#recipes>.container>.area-items>a>.area-item>img{width:100%;width:11rem;height:11rem}}.recipe-item{position:relative;background-color:#fff;border-radius:.5rem;width:100%;box-shadow:0 0 20px rgba(0,0,0,.2)}.recipe-item img{width:100%;height:9rem;object-fit:cover;border-radius:.5rem .5rem 0 0}.recipe-item h3{padding:1rem}.recipe-item>.btn-read-article{padding:1rem;display:flex;align-items:center;justify-content:space-between}.recipe-item>.btn-read-article>.read-article{padding:.5rem 1rem;border:1px dashed;border-radius:.3rem;cursor:pointer;font-weight:700;color:var(--pink);text-align:center;width:100%}.recipe-item>.btn-read-article>.btn-favorite{cursor:pointer;background:#fff;border:1px solid;border-radius:50%;padding:.3rem;position:absolute;top:1rem;right:1rem;width:2rem;height:2rem}.recipe-item>.btn-read-article>.btn-favorite:hover{color:#444}.recipe-item>.btn-read-article>.btn-favorite.added{color:var(--pink)}.recipe-item>.btn-read-article>.btn-favorite.added:hover{color:#c63328}@media screen and (min-width:480px){.recipe-item{width:48%}}@media screen and (min-width:768px){.recipe-item>img{height:13rem}}.form-search{width:100%}.form-search>.container{display:flex;justify-content:center}.form-search>.container>form{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:1rem;border-radius:.3rem;width:100%}.form-search>.container>form>h3{color:#fff;border-bottom:2px solid hsla(0,0%,100%,.13333333333333333);padding-bottom:.3rem}.form-search>.container>form>p{width:100%;display:flex;justify-content:center}.form-search>.container>form>p>input,.form-search>.container>form>p>select{border-radius:.3rem;border:0;padding:.7rem;width:100%;outline:none;font-size:1rem}.form-search>.container>form>p>select{cursor:pointer}.form-search>.container>form>p>select>option{padding:.3rem}.form-search>.container>form>p>button{border:0;padding:.5rem .7rem;border-radius:.3rem;background-color:var(--pink);color:var(--white);cursor:pointer;font-size:1rem;width:100%}:root{--white:#fff;--black:#444;--pink:#e91e63;--yellow:#ffeb3b}*,:after,:before{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}body{font-family:Poppins,sans-serif;color:#444}.sidebar{background-color:#fff;align-items:center}.sidebar,.sidebar>.container{display:flex;flex-direction:column}.sidebar>.container{width:100%;grid-gap:2rem;gap:2rem}.sidebar>.container>.form-search{width:100%;border:1px solid #ccc;border-radius:.3rem;padding:1rem;background:#333}@media screen and (min-width:768px){.sidebar{max-width:25%}}main#article-main{display:flex;justify-content:center;padding:2rem 0}main#article-main>.container{display:flex;flex-direction:column;justify-content:center;grid-gap:2rem;gap:2rem;width:100%}main#article-main>.container>.sidebar>.container{width:90%}#article{align-items:center}#article,#article>.container{display:flex;flex-direction:column}#article>.container{width:90%;background-color:#fff;border-radius:.3rem;grid-gap:1rem;gap:1rem}#article>.container>.article-details{flex-direction:column;grid-gap:2rem;gap:2rem;display:flex;flex-wrap:wrap;border:1px solid #eee;box-shadow:0 0 10px rgba(0,0,0,.13333333333333333)}#article>.container>.article-details>.article-top{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}#article>.container>.article-details>.article-top>.article-thumb{position:relative}#article>.container>.article-details>.article-top>.article-thumb>img{width:100%;height:13rem;object-fit:cover;border-radius:.3rem .3rem 0 0}#article>.container>.article-details>.article-top>.article-thumb>.btn-fav{position:absolute;top:1rem;right:1rem;background-color:#fff;border-radius:50%;padding:.5rem;width:2.5rem;height:2.5rem;cursor:pointer}#article>.container>.article-details>.article-top>.article-thumb>.btn-fav.added{color:var(--pink)}#article>.container>.article-details>.article-top>.article-ingredients{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:0 1rem;font-size:1.2rem}#article>.container>.article-details>.article-top>.article-ingredients>h2{color:var(--pink);border-bottom:1px solid;padding-bottom:1rem}#article>.container>.article-details>.article-top>.article-ingredients>h4{border-bottom:1px solid;width:-webkit-max-content;width:max-content;padding-bottom:.3rem}#article>.container>.article-details>.article-top>.article-ingredients>table{display:flex;flex-direction:column;grid-gap:.7rem;gap:.7rem;word-break:break-all}#article>.container>.article-details>.article-top>.article-ingredients>table>tbody>tr{display:flex;flex-direction:revert;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}#article>.container>.article-details>.article-top>.article-ingredients>table>tbody>tr:before{content:"-"}#article>.container>.article-details>.article-instructions{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;font-size:1.2rem;padding:0 1rem}#article>.container>.article-details>.article-instructions>h4{border-bottom:1px solid;width:-webkit-max-content;width:max-content;padding-bottom:.3rem}#article>.container>.article-details>.article-instructions>p{line-height:1.6rem}#article>.container>.article-details>.article-instructions>.article-footer{border-top:1px solid #ddd;padding-top:1rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}#article>.container>.article-details>.article-instructions>.article-footer>.category>span>a{border-radius:.2rem;padding:0 .5rem;background-color:var(--pink);color:var(--white)}#article>.container>.article-details>.article-instructions>.article-footer>.tags{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}#article>.container>.article-details>.article-instructions>.article-footer>.tags>span{text-transform:lowercase}@media screen and (min-width:768px){main#article-main>.container{max-width:1024px;flex-direction:row;justify-content:center}#article{width:70%}#article>.container{width:100%}.sidebar{width:35%}main#article-main>.container>.sidebar>.container{width:100%}#article>.container>.article-details>.article-top>.article-thumb>img{height:50vh}}.lds-dual-ring{width:100%;height:80px;display:flex;justify-content:center;align-items:center}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#ffb800 transparent;border-style:solid;border-width:6px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd;width:100%}.skeleton-box:after{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.13333333333333333) 20%,hsla(0,0%,100%,.3333333333333333) 60%,hsla(0,0%,100%,0));-webkit-animation:shimmer 1s infinite;animation:shimmer 1s infinite;content:""}@-webkit-keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.similar-recipes>.container{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.similar-recipes>.container>h2{border-bottom:1px solid #ccc;padding:.5rem}.similar-recipes>.container>.similar-recipes-items{display:flex;flex-wrap:wrap;grid-gap:2rem;gap:2rem}.similar-recipes>.container>.similar-recipes-items>.similar-recipes-item:hover{opacity:.9}.similar-recipes>.container>.similar-recipes-items>.similar-recipes-item{border:1px solid #ccc;border-radius:.3rem;width:100%}.similar-recipes>.container>.similar-recipes-items>.similar-recipes-item>a>img{width:100%;height:10rem;object-fit:cover;border-radius:.3rem .3rem 0 0;border-bottom:1px solid #ccc;overflow:hidden}.similar-recipes>.container>.similar-recipes-items>.similar-recipes-item>a>h3{padding:1rem;color:#444}@media screen and (min-width:480px) and (max-width:767px){.similar-recipes>.container>.similar-recipes-items>span{width:100%;height:7rem!important}.similar-recipes-item>a{display:flex;align-items:center}.similar-recipes>.container>.similar-recipes-items>.similar-recipes-item>a>img{width:25%;height:5rem}}@media screen and (min-width:768px){.similar-recipes>.container>.similar-recipes-items{grid-gap:1rem;gap:1rem;justify-content:center}.similar-recipes>.container>.similar-recipes-items>span{width:31%!important}.similar-recipes>.container>.similar-recipes-items>.similar-recipes-item{width:31%}}@font-face{src:url(/foody/static/media/DancingScript-Medium.d903e1ae.ttf);font-family:Dancing Script;font-display:swap}header{height:4rem;background-color:var(--pink)}header,header>.container{display:flex;align-items:center;justify-content:space-between}header>.container{width:100%;padding:1rem;font-size:1rem}header>.container>h1{font-family:Dancing Script,"sans-serif";font-weight:700}header>.container>h1>a{color:var(--white);display:flex;align-items:flex-start;grid-gap:.7rem;gap:.7rem}header>.container>nav>svg{font-size:2rem;cursor:pointer;border:2px solid;color:var(--white);border-radius:.3rem;padding:.3rem;display:flex;justify-content:center;align-items:center}header>.container>nav>ul{position:absolute;top:4rem;background-color:#222;left:0;width:100%;padding:2rem 0;display:flex;flex-direction:column;align-items:center;grid-gap:2rem;gap:2rem;transition:all .3s ease-in-out;z-index:1}header>.container>nav>ul.hidden{left:-100%}header ul>li{font-size:1.2rem}header ul>li>a{color:var(--white)}@media screen and (min-width:768px){header{display:flex;justify-content:center}header>.container{max-width:1024px}header>.container>nav>ul.desktop{position:static;display:flex;flex-direction:row;background-color:initial;padding:0}header>.container>nav>ul.desktop>li>a{padding:.5rem 1rem}header>.container>nav>ul.desktop>li>a:hover{border-bottom:2px solid var(--white)}header>.container>nav>svg{display:none}}main>#search-results{display:flex;flex-direction:column;align-items:center;padding:2rem 0}main>#search-results>.container{width:90%}main>#search-results>.container,main>#search-results>.container>.search-results-items{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}@media screen and (min-width:480px){main>#search-results>.container>.search-results-items{flex-direction:row;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.sidebar>.container{width:100%}main>#search-results>.container{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}}@media screen and (min-width:768px){main>#search-results>.container{display:flex;flex-direction:row-reverse;grid-gap:1rem;gap:1rem;max-width:1024px}.sidebar>.container>.random-recipe>img{height:100%}.search-results-items{width:75%}.search-results-items .recipe-item{width:48%}}.favorites{display:flex;justify-content:center;padding-top:1rem}.favorites>.container{width:1024px;display:flex;flex-direction:column;padding:1rem;grid-gap:2rem;gap:2rem}.favorites>.container>h2{padding-bottom:.3rem;border-bottom:2px solid;max-width:-webkit-max-content;max-width:max-content}.favorites>.container>.favorites-items{display:flex;flex-wrap:wrap;grid-gap:1rem;gap:1rem}@media screen and (min-width:480px){.favorites>.container>.favorites-items{width:100%}}@media screen and (min-width:768px){.recipe-item{width:31.5%}}footer>.info{background-color:var(--black);display:flex;justify-content:center;padding:1rem 0}footer>.info>.container{width:90%;align-items:center;max-width:1024px;color:var(--white)}footer>.info>.container,footer>.info>.container>ul{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}footer>.info>.container>ul{width:100%;flex-wrap:wrap}footer>.info>.container>ul>li{font-size:.7rem}footer>.info>.container>ul>li>a{color:var(--white);color:#ddd;text-transform:capitalize;text-transform:uppercase;padding:.5rem 0}footer>.copyright{background-color:var(--pink);display:flex;justify-content:center;color:var(--white);font-size:.8rem}footer>.copyright>.container{width:90%;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;max-width:1024px;flex-direction:column-reverse;grid-gap:1rem;gap:1rem}footer>.copyright>.container>span{display:flex;grid-gap:.5rem;gap:.5rem}footer>.copyright>.container>span>a>svg{font-size:1.5rem;cursor:pointer}footer>.copyright>.container>span>a>svg:hover{color:var(--yellow)}footer>.copyright>.container>span>a{color:var(--white)}@media screen and (min-width:480px){footer>.copyright>.container{flex-direction:row}}@media screen and (min-width:768px){footer>.info>.container>ul{flex-direction:row;width:-webkit-max-content;width:max-content}}main#area{display:flex;justify-content:center;padding:2rem 0}main#area>.container{width:90%;max-width:1024px;display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}main#area>.container>h2{padding-bottom:.3rem;border-bottom:2px solid;max-width:-webkit-max-content;max-width:max-content}main#area>.container>ul{width:100%;display:flex;grid-gap:2rem;gap:2rem;flex-wrap:wrap}main#area>.container>ul>li{flex:1 1 46%;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,.26666666666666666);border-radius:.3rem;cursor:pointer}main#area>.container>ul>li>img{border-radius:.3rem .3rem 0 0;width:100%;height:10rem;object-fit:cover}main#area>.container>ul>li>h3{padding:.5rem;color:var(--pink)}@media screen and (min-width:768px){main#area>.container>ul>li{flex:1 1 31%}}
/*# sourceMappingURL=main.1314db6a.chunk.css.map */