body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-weight:400;margin:0;padding:0}a{color:inherit;text-decoration:none}@font-face{font-family:ZillaSlab;font-style:normal;font-weight:400;src:url(/static/media/ZillaSlab-Regular.6811eaab24ca95146dc8.ttf) format("truetype")}@font-face{font-family:ZillaSlab;font-style:normal;font-weight:700;src:url(/static/media/ZillaSlab-Bold.6c445f0e91d7ca958148.ttf) format("truetype")}@font-face{font-family:ZillaSlab;font-style:italic;font-weight:700;src:url(/static/media/ZillaSlab-BoldItalic.22b698ea1e9af46b0c8e.ttf) format("truetype")}html{scroll-behavior:smooth}body{background:none;font-family:ZillaSlab,cursive;line-height:1.5;position:relative}body:before{background-attachment:fixed;background-image:url(/static/media/herbs.3b6f5662d030c05c9cba.jpg);background-size:cover;content:"";height:100%;left:0;position:fixed;top:0;transform:scaleX(-1);width:100%;z-index:-1}h2{font-style:italic;font-weight:700;text-align:center}h3{font-size:25px}h4{font-size:20px}img{height:auto;max-width:100%}@media (max-width:790px){body{background-attachment:fixed;background-image:url(/static/media/herbs.3b6f5662d030c05c9cba.jpg);background-size:cover}body:before{display:none}}.containerAllRecipes{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-around}.container-new-recipes{flex-wrap:nowrap}.styled-title{background-color:hsla(0,0%,100%,.493);box-shadow:0 2px 4px #0000001a;color:#333;font-size:36px;margin:30px auto;padding:20px}@media (max-width:768px){.containerAllRecipes{display:flex;flex-direction:column}.styled-title{background-color:#fffffff5}}.containerAllRecipes .containerRecipe{animation:fadeInUp .5s ease-out forwards;background:linear-gradient(180deg,#f7f6eef5,#fffffff5,#f7f6eef5,#fffffff5);border-radius:20px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;margin:20px;padding-bottom:30px;width:450px}.containerAllRecipes .containerRecipe .imageRecipe{animation:expandHeight 1.5s ease-out forwards;background-image:url(/static/media/tarte.dec32a71dbade2bd960f.jpg);background-size:cover;border-radius:20px 20px 0 0;height:150px;object-fit:cover;overflow:hidden;width:100%}.containerAllRecipes .containerRecipe .containerText{padding:10px 10px 0;position:relative}.containerAllRecipes .titleAndPostedBy{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.containerAllRecipes .containerRecipe ul{margin:10px 5px 15px}.containerAllRecipes .containerRecipe ul li{list-style-type:none;margin-left:40px}.containerAllRecipes .containerRecipe .li-with-icon{align-items:center;display:flex;margin-left:10px}.containerAllRecipes .containerRecipe .icon-ingredient{margin-right:5px;max-height:24px;width:25px}.container-ingredients-instructions{max-height:100px}.container-ingredients-instructions,.more-details{overflow:hidden;text-overflow:ellipsis;transition:max-height .6s ease-in-out}.more-details{height:auto;max-height:1500px}.display-more-details{align-items:center;cursor:pointer;display:flex;justify-content:center;left:46%;position:absolute;top:99%}.display-more-details .down,.display-more-details .up{height:20px;margin-top:5px;width:20px}@media (max-width:768px){.containerAllRecipes .containerRecipe{width:auto}.containerAllRecipes .containerRecipe ul li,.containerRecipe p{font-size:18px}.containerAllRecipes form label{margin:5px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandHeight{0%{height:0}33%{height:0}to{height:150px}}footer,header{align-items:center;background-color:#ffffffeb;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:10px 20px}header{position:relative}footer{margin-top:50px}.containerLogoTitle{align-items:center;display:flex}.logo{margin-right:10px;width:30px}h1{font-size:24px;font-weight:700;text-align:center}nav{align-items:center;display:flex}nav button{color:#333;font-size:14px;margin:5px;text-align:center;text-decoration:none}.createRecipeButton{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 15px;width:140px}.createRecipeButton:hover{background-color:#45a049}nav .search{background-color:#000;border-radius:55px;padding:5px 7px}nav .searchRecipeInput{margin:5px 20px;transition:all 1s ease}nav .searchRecipeInput.inactive{border:none;opacity:0;width:0}nav .searchRecipeInput.active{width:170px}footer p{max-width:500px;padding:10px 0}@media (max-width:790px){footer,header{flex-direction:column;padding:10px 0;text-align:center}.containerLogoTitle{margin-left:-28px}h1{font-size:1.6em}nav{align-items:center;flex-direction:column;justify-content:space-around;margin-top:10px;width:100%}nav a{margin:10px 0}.createRecipeButton{font-size:18px;padding:15px;width:175px}}form{background-color:#f3f3f3;background-image:url(/static/media/lemon.b790677f55303a58dc8b.jpg);background-size:cover;border:1px solid #989898;border-radius:8px;margin:auto;padding:5px;position:absolute;top:10%;width:90%;z-index:2}.success-modal,form{box-shadow:2px 3px 10px 7px #0a00004d;left:50%;max-width:500px;transform:translate(-50%,3%)}.success-modal{align-items:center;background:url(/static/media/cat-eating.0b097ed1a47fc21bdd82.webp);color:#fff;display:flex;font-size:35px;height:300px;justify-content:center;position:fixed;top:20%;width:88%;z-index:3}.closeModal{cursor:pointer;margin-left:95%}form label{color:#333;display:block;font-size:16px;font-weight:700;text-align:start;width:96px}form .container-inline{align-items:center;display:flex;margin:7px}form textarea{padding:8px;width:100%}form input,form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;opacity:.9}form input{height:34px;padding:5px 5px 4px;width:350px}form textarea{height:100px;resize:none}form .containerIngredientInputIconList{margin:7px}form .containerIngredientInputIconList input{width:350px}form .ingredientAndAdd{align-items:center;display:flex}form .ingredientAndAdd svg{background-color:#4caf50;border-radius:50px;color:#fff;margin-left:5px;padding:1px 2px}form .ingredientList{display:flex;flex-wrap:wrap}form .ingredientAndRemove{align-items:center;background-color:#ffffffe6;border:2px solid #4caf50;border-radius:4px;display:flex;font-weight:700;margin:2px 5px;padding:2px}form .ingredientAndRemove .remove{border:1px solid red;border-radius:54px;cursor:pointer;font-size:14px;margin-left:5px;margin-right:5px;padding:1px 2px}form label[for=instructions]{margin-left:7px}.containerPreviewAndRemove{align-items:center;display:flex;flex-direction:column;margin:5px 0;padding:2px}.imagePreview{height:90px;max-width:350px;object-fit:cover;width:100%}.changeImage{background-color:#fcc;border:1px solid #c00;border-radius:4px;color:#400;cursor:pointer;padding:5px 10px}form input[type=submit]{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:8px auto;padding:10px 15px;width:200px}form input[type=submit]:hover{background-color:#45a049}form .containerIngredientInputIconList{display:flex;flex-wrap:wrap}form .passwordMessage{color:red}@media (max-width:768px){form .container-inline{flex-wrap:wrap;width:100%}form input{width:170px}form .containerIngredientInputIconList input{margin:0;width:170px}form .ingredientAndAdd{align-items:center;display:flex;margin-left:0}form input[type=submit]{height:46px}form .ingredientAndAdd{width:auto}.imagePreview{object-fit:cover;width:80%}}.dropzone{align-items:center;background:#fff;border:2px dashed #4caf50;display:flex;justify-content:center;opacity:.9;padding:5px;width:97.5%}.dropzone label{display:flex;flex-direction:column;margin-left:2px;width:100%}@media (max-width:368px){.dropzone{width:95%}}.container-recipe-alone{min-height:60vh;width:100%}.container-recipe-alone .containerRecipe{animation:fadeInUp2 .5s ease-out forwards;background-color:#f3f2f2f5;box-shadow:0 2px 4px #0000001a}.container-recipe-alone .containerRecipe .imageRecipe{animation:expandHeight2 1.5s ease-out forwards;background-image:url(/static/media/tarte.dec32a71dbade2bd960f.jpg);background-size:cover;height:350px;object-fit:cover;overflow:hidden;width:100%}.container-recipe-alone .containerRecipe .containerText{padding:30px}.container-recipe-alone .titleAndPostedBy{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.container-recipe-alone .containerRecipe ul{display:grid;grid-template-columns:1fr 1fr;margin:10px 5px 15px}.container-recipe-alone .containerRecipe ul li{list-style-type:none;margin-left:40px}.container-recipe-alone .containerRecipe .li-with-icon{align-items:center;display:flex;margin-left:10px}.container-recipe-alone .containerRecipe .icon-ingredient{margin-right:5px;max-height:24px;width:25px}.container-recipe-alone .containerRecipe p:before{content:"•";display:inline-block;width:1em}.container-recipe-alone .display-more-details{top:96%}@media (max-width:768px){.container-recipe-alone .containerRecipe ul{display:flex;flex-direction:column}.container-recipe-alone .containerRecipe ul li,.containerRecipe p{font-size:18px;margin-left:15px}.container-recipe-alone form label{margin:5px 0}}@keyframes fadeInUp2{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes expandHeight2{0%{height:0}33%{height:0}to{height:350px}}.container-creators{background-color:#f3f2f2f5;margin:20px auto;min-height:300px}.container-creators ul{display:flex;flex-wrap:wrap}.container-creators li{align-items:center;display:flex;margin:10px}.container-creators h3{margin-left:20px}.container-creators img{border-radius:50px;height:60px;object-fit:cover;width:60px}
/*# sourceMappingURL=main.a5b56c6a.css.map*/