:root{--main-bg-color:#31026d;--text-color:#c3a3ec;--icon-color:#c8aee8}body{background-color:#31026d;background-color:var( --main-bg-color);font-family:Exo\ 2,sans-serif;font-optical-sizing:auto;padding:3rem}*{box-sizing:border-box;margin:0;padding:0}#root{margin:auto;max-width:1024px}.Category{margin-top:5rem}.Category h4{color:#c3a3ec;font-size:20px}.Category p{color:#f1e6ff;font-size:16px;margin-bottom:2rem}.CategoryList{align-items:center;display:flex;flex-direction:column}.CategoryListImage{align-items:center;background-color:#39037d;border-radius:.2rem;cursor:pointer;display:flex;height:80px;justify-content:center;padding:.5rem}.CategoryListImage:hover{background-color:#40008e}.CategoryList img{width:70%}.CategoryList p{font-size:12px;margin-top:1rem}.AllCategoryList{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.Footer{color:#c3a3ec;margin-top:15rem;text-align:center}.header{display:flex}.logo{width:30%}.logo img{height:80%}.search{align-items:center;display:flex;justify-content:end;width:70%}.search input{background-color:#3a067d;border:none;border-radius:999px;box-shadow:1px 1px;outline:none;padding:1rem;width:70%}::placeholder{color:#bd8cfc}.popularRecipe{margin-top:50px}.popularRecipe h4{color:#c3a3ec;font-size:20px;margin-bottom:2rem}.popularRecipeBox{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.popularcard{background-color:#39037d;height:150px;width:150px}.popularRecipeBox p{color:#c8aee8}.ItemCard,.popularRecipeImage{width:100%}.ItemCard{display:flex;flex-direction:column}.ItemPicture{background-color:#fff;border-radius:.5rem;padding:.5rem;width:100%}.ItemPicture img{width:100%}.ItemCard p{color:#e0cbfb;margin:.5rem;text-align:center}.RandomRecipe{align-items:center;display:flex;justify-content:space-between;margin-top:4rem}.RandomRecipeText{width:50%}.RandomRecipeText h2{color:#dccaf4;font-size:40px}.RandomRecipeText p{color:#dccaf4;font-size:25px;margin-top:1rem}.RandomRecipeBox{display:flex;width:50%}.RandomRecipeBoxContent{cursor:pointer}.RandomRecipeBoxContent,.questionBox{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.questionBox{background-color:#39037d;border-radius:.5rem;padding:2rem}.RandomRecipeBox p{color:#c8aee8}.RandomRecipeImage{border-radius:1rem;height:220px;width:220px}.regenerateButton{background-color:#39037d;border:none;border-radius:100px;color:#c8aee8;cursor:pointer;margin-top:1rem;padding:.5rem 2rem}@media screen and (max-width:768px){.RandomRecipe{align-items:center;flex-direction:column}.RandomRecipeText{justify-content:center;text-align:center;width:100%}.RandomRecipeBox{align-items:center;justify-content:center;margin-right:0;margin-top:2rem;width:100%}}.RecipeDescription{display:flex;gap:3rem;margin-top:4rem}.RecipeDescription img{width:300px}.RecipeDescription h3{color:#e0cbfb;font-size:x-large;margin-bottom:2rem}.RecipeDescription h5{color:#e0cbfb;font-size:medium;margin-bottom:1.5rem}.RecipeDescription p{color:#e0cbfb;margin-bottom:1rem}@media screen and (max-width:768px){.RecipeDescription{align-items:center;flex-direction:column}}.Ingredients{margin-top:3rem}.Ingredients h4{color:#f1e6ff;margin-bottom:3rem}.IngredientsItem{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap}.IngredientsItem p{color:#f1e6ff}.IngredientsItems{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.IngredientsItems .IngredientItemImage img{width:100%}.IngredientItemImage{align-items:center;display:flex;flex-direction:column}.ingredientName{color:#f1e6ff;margin-top:.5rem}.Categorylist{margin-top:50px}.Categorylist h4{color:#c3a3ec;font-size:20px}.AllItemCards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}
/*# sourceMappingURL=main.878378b5.css.map*/