body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;width:100%;height:auto;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}.recipeTile{display:inline-flex;width:30%}.image{width:200px;height:200px}.searchForm{padding:20px 0}.container,.searchForm{display:flex}.card-random{width:10%;text-align:center}.photo{width:100%}.Recipe-page{flex-wrap:wrap;display:flex;justify-content:space-evenly;justify-items:center;align-items:center;margin-top:5rem}.Recipe-Image-box{display:flex;justify-content:center;align-self:flex-start;width:50%;position:relative}.Recipe-Image-box .fav-window{display:none;position:absolute;top:0;right:45px;font-size:1.2rem;height:40px;width:200px;margin:10px;border-radius:20px;overflow:hidden}.Recipe-Image-box .fav-button-text{background-color:#fff;box-shadow:5px 10px 2px 5px #000;font-size:1.2rem;height:40px;width:200px;border-radius:20px;-webkit-transform:translate(200px);transform:translate(200px)}.Recipe-Image-box .fav-button-text,.recipe-img{display:flex;justify-content:center;align-items:center}.recipe-img{max-width:90%;min-height:90%;border-radius:35%}.Ingredients-box{flex:0 1 65ch;padding:1.5rem;justify-content:center;align-items:center;align-self:flex-start;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}#name,.Ingredients-list{display:flex;justify-content:center;align-items:center}.recipe-tag{justify-content:center;display:inline-block;margin:8px;font-size:.875em;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.Recipe-name{margin-top:2rem}.recipe-tags{display:flex;justify-content:center}#meal-image,.meal-image{display:flex;justify-content:center;align-content:center;border-radius:50%}#meal-image{background-color:#f0f8ff;width:10rem;height:10rem}.meal-name{background-color:#fff}#category,.meal-name{justify-content:center}.meal-video{display:flex;flex-direction:column;margin-top:5rem}.meal-video,.suggested{justify-content:center;justify-items:center;align-content:center;align-items:center}.suggested{display:grid;grid-template-columns:minmax();padding:2rem;margin:5rem 2rem}.vid{display:inline-flex;justify-content:center;align-items:center;margin-left:1.5rem;padding:1rem}.menu-item{flex-wrap:wrap;flex-direction:row;align-content:center}.menu-item,.menu-text{display:flex;justify-content:center}.menu-text{flex-direction:column;align-items:center;margin-top:3rem;padding-top:2rem}.name-category{display:flex;justify-items:center;justify-self:center;align-items:center;align-self:center}.name-category,.similar-meal{justify-content:center;align-content:center}.similar-meal{flex-direction:column}.instructions{white-space:pre-wrap}@media only screen and (min-width:800px){.Recipe-Image-box{width:30%}}.meal-video iframe{width:330px;height:200px}@media only screen and (min-width:768px){.meal-video iframe{width:530px;height:360px}}.menu{height:auto;align-items:center;flex-direction:column;margin-bottom:50px}.menu,.menu .menuTitle{width:100%;display:flex;justify-content:center}.menu .menuTitle{font-family:cursive;font-size:60px;padding-top:100px;padding-bottom:10px}.menuList{justify-content:center;width:70vw;height:auto;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.menuItem{border-radius:15px;width:300px;height:300px;margin:20px;box-shadow:0 3px 15px rgba(0,0,0,.2);text-align:center;display:flex;flex-direction:column;position:relative}.menuItem:hover{box-shadow:0 3px 15px rgba(0,0,0,.5);transition:.3s ease-in;cursor:pointer}.menuItem div{border-top-left-radius:15px;border-top-right-radius:15px;width:100%;height:200px;background-position:50%;background-repeat:no-repeat;background-size:cover}.menuItem h1{font-size:20px;font-weight:700;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:#000}.menuItem .name-category{display:flex;flex-direction:column;padding-top:20px;align-content:center;height:100px}.addFav,.removeFav{height:50px;position:absolute;right:0;border:none;background-color:transparent;padding:10px}.fav-image{width:40px;height:40px}.addFav:hover>.fav-window{display:flex}.addFav:hover .fav-button-text{-webkit-transform:translate(0);transform:translate(0)}.removeFav:hover>.fav-window{display:flex}.removeFav:hover .fav-button-text{background-color:#535353;transition:.5s ease-in;-webkit-transform:translate(0);transform:translate(0);font-size:1rem}.menuItem .fav-window{display:none;position:absolute;top:0;right:45px;margin:10px;overflow:hidden}.menuItem .fav-button-text,.menuItem .fav-window{font-size:1.2rem;height:40px;width:200px;border-radius:20px}.menuItem .fav-button-text{background-color:#fff;box-shadow:5px 10px 2px 5px #000;display:flex;justify-content:center;align-items:center;-webkit-transform:translate(200px);transform:translate(200px)}@media only screen and (max-width:1300px){.menuList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.menuList{grid-template-columns:1fr}}.header{display:block;text-align:center;font-size:30px;margin:10px 0}.nav{display:flex;list-style:none;justify-content:space-around;align-items:center;background-color:#000;height:80px;margin-top:0}.nav>li{color:#fff}.nav>li:hover{color:#40e0d0}a{text-decoration:none;color:inherit}.fav-page{min-height:80vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.fav-count-text{display:flex;margin-top:20px}.productContainer,.productSingle{display:flex;padding:20px;flex-wrap:wrap;justify-content:space-evenly;margin-top:50px}.productSingle{width:300px}.products{width:25%;padding:10px;margin:10px;display:flex;flex-direction:column;border:1px solid #000}.productDesc{display:flex;justify-content:space-between;padding:5px}.add,.remove{height:50px;margin:0}.remove{color:#fff}.navbar{width:100%;height:100px;margin:0 auto;background-color:(255 255,255,.5);display:flex;flex-direction:row}.navbar .title{flex:50% 1;height:100%;display:flex;align-items:center;padding-left:150px}.navbar .title img{width:70px}.navbar h3{color:#39a388;padding-left:10px;font-weight:700;font-size:30px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.navbar .rightSide{flex:50% 1;height:100%;display:flex;align-items:center;justify-content:center}.navbar a{color:#39a388;text-decoration:none;margin:20px;font-size:20px;font-weight:400;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.navbar a:hover{color:#000}.navbar .rightSide button{background-color:transparent;border:none;color:#39a388;cursor:pointer}.navbar .rightSide svg{font-size:40px}.navbar #open{padding-left:0}.navbar #open img{display:none}.navbar #close img{display:inherit}.navbar #open .hiddenLinks{display:inherit;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{width:70px;margin:5px}.nav-fav{display:inline-flex}.fav,.nav-fav{align-items:center;justify-content:center}.fav{position:relative;display:flex;margin:0 10px}.fav img{width:50px;height:50px}.fav-count{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0}.fav-text-white{color:#fff}.fav-text-black{color:#000}@media only screen and (max-width:900px){.navbar .rightSide a{width:70px}.navbar h3{display:none}.navbar .title{padding-left:50px}}@media only screen and (max-width:600px){.navbar .rightSide a{display:none}.navbar .rightSide{justify-content:flex-end;padding-right:50px}.navbar .rightSide button{display:inherit}}@media only screen and (min-width:600px){.hiddenLinks,.navbar .rightSide button{display:none}}.footer{width:100%;height:110px;background-color:#eee5e5;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:10px}.footer p{color:#000;font-weight:400}.meal-not-found{display:flex;justify-content:center;align-items:center;font-size:1.8rem;height:200px}.carousel{height:100%}.carousel .carousel-item{background-color:#fcf8f8;padding-bottom:100px}.carousel-item img{object-fit:cover;width:20%;height:100%;border-end-end-radius:50%;border-start-start-radius:50%;padding:3rem}.caption{padding-right:69px}.caption h1{display:flex;justify-content:flex-end;font-weight:700;font-family:cursive}.button1{display:inline-block;padding:.3em 1.2em;border:.1em solid #000;margin:0 .3em .3em auto;border-radius:.12em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:300;color:#000;text-align:center;transition:all .2s}.button1:hover{color:#fff;background-color:#242424}@media only screen and (max-width:992px){.caption{padding-right:0}.caption h1{justify-content:center}.button1{width:40%;max-width:480px}.carousel-item img{padding:12px}}.search{width:100%;min-height:8em;display:flex;align-items:center;position:relative;padding:2px 15px}.search-section{width:100%;display:flex;justify-content:center}.search-form{padding-top:100px;padding-bottom:90px}.search-form p{text-align:center;padding-bottom:20px;font-size:30px}.searches{border-radius:.6rem;border:none;border-bottom:2px solid #585858}.searches:focus{outline:none}.search-button{margin-left:.5rem}.search-divider{margin-top:16px}@media only screen and (max-width:768px){.search-section{display:flex;align-content:center;justify-content:center;flex-direction:row;align-items:center}.searches{border-radius:.6rem;width:60%;transition:all .5s ease-out}.search-button{display:grid;place-items:center}@media only screen and (max-width:900px){.searches{border-radius:.6rem;width:40%;transition:all .5s ease-out}.search-button{display:inline-flex;align-content:center;justify-content:center}}@media only screen and (max-width:500px){.searches{border-radius:.6rem;width:50%;transition:all .5s ease-out}.search-button{display:inline-flex;align-content:center;justify-content:center}}}.container{width:100%;position:relative;height:300px;margin-bottom:5rem}.card button{display:flex;flex-direction:row;border:none;width:100%;height:100%;color:#fff;background-color:#242424;margin:0 15px 0 1rem}.card img{border-radius:50%;width:80%;height:80%;vertical-align:middle;justify-content:center;justify-items:center;align-content:center;align-items:center;margin-left:2rem}.card:hover{box-shadow:0 3px 15px rgba(0,0,0,.5);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.card:hover,.text{transition:.3s ease-in}.text{display:inline-flex;align-items:center;justify-content:center;margin:auto;padding-bottom:1rem;width:100%}.text h1{font-size:40px;font-family:cursive}.cat{padding-top:1rem;font-size:20px;font-weight:700;text-align:center}.card{box-shadow:none!important;border:none!important;margin-top:2rem}.card-box{width:100%}@media only screen and (max-width:1200px){.text h1{font-size:40px;-webkit-transform:scale(1.1);transform:scale(1.1)}}@media only screen and (max-width:992px){.text h1{font-size:30px;-webkit-transform:scale(1.1);transform:scale(1.1)}}
/*# sourceMappingURL=main.bcb20d59.chunk.css.map */