@font-face{font-family:AmaticSC-Regular;src:url(/assets/AmaticSC-Regular-CrcYH345.ttf)format("truetype")}@font-face{font-family:AmaticSC-Bold;src:url(/assets/AmaticSC-Bold-Cjj-j0e9.ttf)format("truetype")}@font-face{font-family:Quicksand,sans-serif;src:url(/assets/Quicksand-Light-vueg2bmh.ttf)format("truetype")}@font-face{font-family:Quicksand-SemiBold,sans-serif;src:url(/assets/Quicksand-SemiBold-DOhxUxE6.ttf)format("truetype")}html{margin:0;padding:0;height:100%;background-color:#1a120b}body{font-family:Quicksand,sans-serif,Courier New,Courier,monospace;color:#e5e5cb;margin:0 auto;min-height:100vh;background:linear-gradient(to bottom,#0d171700 70%,#0d1717),url(/assets/cuisine_background-DHgMCK52.webp) no-repeat center top;background-size:cover;background-attachment:fixed;padding:0}.background-overlay{background:#0d1717b3;width:100%;min-height:100vh;padding-bottom:40px}h1{font-family:AmaticSC-Regular;color:#647e68}h2{font-family:AmaticSC-Bold;text-align:center;width:100%;font-size:2.3rem}h3{font-family:AmaticSC-Regular;text-align:center;font-size:1.5rem;color:#fff;margin:10px;height:4rem}p{font-size:1.2rem;line-height:1.5rem;color:#333}button{margin:auto;font-family:AmaticSC-Bold;color:#e5e5cb;background-color:transparent;border:3px solid #E5E5CB;padding:10px 20px;cursor:pointer;font-size:1.7rem;border-radius:5px;transition:background-color .6s ease,color .6s ease}button:hover{background-color:#e5e5cb;color:#1a120b;cursor:pointer;transition:background-color .6s ease}label{font-size:2rem}hr{border-color:#647e68}legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}fieldset{border-style:none}.blend-in-wrapper{opacity:0;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;height:0;overflow:hidden;visibility:hidden}.blend-in-wrapper.visible{opacity:1;visibility:visible;height:auto}.blend-in-wrapper.hidden{opacity:0;visibility:hidden;height:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*:focus{outline:3px solid #647E68}@media screen and (max-width: 800px){body{margin:0 auto}main{width:85%;margin:auto}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:2rem;height:auto}label{font-size:1.6rem;line-height:2rem}}.header{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo{margin-top:40px;height:60px;z-index:1}.appTitle{text-align:center;font-family:AmaticSC-Regular;color:#78a083;z-index:1;display:block;font-size:2rem;margin-top:0}@media screen and (max-width: 800px){.header{margin-bottom:40px}.logo{z-index:1;margin-top:2rem}.appTitle{margin:auto;font-size:3rem}}.FormContainer{padding:2rem;display:block;width:50%;min-width:700px;margin:auto;text-align:center;box-sizing:border-box}@media screen and (max-width: 600px){.FormContainer{padding:0;width:90%;min-width:unset}}.ingredients-input{margin-top:.9rem;height:4rem;text-decoration:none;border:0;border-radius:25px;text-align:center;font-size:1rem;background-color:#e5e5cb;color:#1a120b;width:100%}.ingredientForm{position:relative;width:90%;margin:auto;box-sizing:border-box}.ingredientForm label{line-height:2.2rem}@media screen and (max-width: 800px){.IngredientsForm{margin-top:20px;padding:0;width:100%}.ingredients-input{padding:0;width:100%}.ingredientForm{width:90%}}.SuggestionsList{font-family:AmaticSC-Regular;font-size:2.5rem;color:#1a120b;background:#e5e5cb;width:calc(100% - 40px);list-style-type:none;padding:0;z-index:1000;margin:auto;border-radius:30px;position:absolute;left:50%;transform:translate(-50%);display:block}.error-message{font-family:Mono Space AmaticSC-Bold;font-size:2.5rem;line-height:2.6rem}@media screen and (max-width: 600px){.SuggestionsList{width:calc(100% - 50px);font-size:2rem}}.Suggestion{padding:10px;cursor:pointer;border-radius:30px}.Suggestion:hover{background-color:#647e68;color:#e5e5cb}.SelectedIngredientsList{display:flex;flex-wrap:wrap;list-style-type:none;width:80%;align-items:center;justify-content:center;font-family:AmaticSC-Regular;font-size:2.3rem;margin:5px auto 10px;padding:0}@media screen and (max-width: 600px){.SelectedIngredientsList{font-size:1.5rem}}.SelectedIngredient{margin:5px;padding:7px;border:3px solid #78A083;border-radius:30px;box-shadow:2px 2px #78a083,-2px -2px #78a083;transition:color .6s ease,border .4s ease,box-shadow .6s ease}.SelectedIngredient:hover{cursor:pointer;border:3px solid #FB773C;color:#fb773c;box-shadow:2px 2px #fb773c,-2px -2px #fb773c}#DietForm{padding:0;width:100%;margin:40px auto;transition:opacity .3s ease-in}.toggleButton{margin-bottom:.3rem;height:3.5rem;margin:.7rem .5rem}.toggleButton.active{background-color:#e5e5cb;color:#1a120b}@media screen and (max-width: 600px){#DietForm{padding:0;display:block;width:100%;margin-top:20px}.toggleButton{margin-bottom:.1rem;width:90%}}.IntolerancesForm{margin:auto;padding:1.5rem 1.5rem 2rem;text-align:center;width:60%}@media screen and (max-width: 600px){.IntolerancesForm{margin-top:20px;padding:0;width:100%}}.IntolerancesCheckboxes{width:80%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:1rem auto;gap:.5rem;text-align:left;border-color:#e5e5cb;border-style:solid;padding:15px;box-sizing:border-box;border-radius:10px}.checkbox{width:30%;margin:0;padding:0rem}.intolerance-label{font-size:1.3rem}.checkbox-input{margin-right:9px;cursor:pointer}@media screen and (max-width: 600px){.IntolerancesCheckboxes{width:100%;justify-content:flex-start}.checkbox{width:42%;padding:.4rem}}.SubmitButton{display:block;padding:10px 20px;margin:0 auto 10px}.submitBox{margin-top:5vh;margin-bottom:40px;padding:0;width:100%}@media screen and (max-width: 600px){.SubmitButton{display:block;padding:10px 20px;margin:10px auto}.submitBox{margin-top:20px;padding:0;width:100%}}.RecipeCardsContainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:30px 30px;width:90%;margin:0 auto;padding:30PX 0;margin-bottom:3rem;place-content:center}@media screen and (max-width: 600px){.RecipeCardsContainer{width:90%;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@media (min-width: 1920px){.RecipeCardsContainer{width:70%}}.recipeCardWrapper{min-width:290px;width:100%;overflow:hidden;border-radius:8px;height:360px;margin:0;perspective:800px}.recipeCard{min-width:290px;width:100%;background-color:#d5cea3;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;height:360px;margin:0}.recipe-header{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:relative;height:280px;width:100%;border-radius:8px;overflow:hidden;margin-bottom:20px}.recipeImageContainer{margin-bottom:25px;width:100%;height:270px;display:flex;align-items:center;justify-content:center;position:relative}.recipeImage{width:100%;height:100%;object-fit:cover;position:absolute;z-index:0}.recipeTitle{font-family:AmaticSC-Bold;font-size:1.9rem;color:#1a120b;text-align:center;z-index:1;background:#e5e5cb80;border-radius:4px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;padding:5px;box-sizing:border-box;transition:font-size .3s ease-in-out,background .3s ease-in-out}.recipeTitle:hover{font-size:2rem;background:#e5e5cbcc}.recipeButton{width:40%;padding:16px 4px 10px;display:block;margin-bottom:1rem;font-family:Quicksand-SemiBold,sans-serif;font-size:.8rem;text-transform:uppercase;border:3px solid #647E68;border-radius:25px;box-shadow:2px 2px #647e68,-2px -2px #647e68;margin:auto;font-weight:700;background-color:transparent;color:#647e68;cursor:pointer;transition:background-color .3s ease;text-decoration:none;text-align:center}.recipeButton:hover{background-color:#647e68;color:#fff;cursor:pointer;transition:background-color .3s ease}@media screen and (max-width: 600px){.recipeCard{min-width:100%;max-width:100%;height:auto}#recipeImg{width:100%}.recipeButton{margin:.8rem auto;margin-bottom:25px}.recipeImageContainer{overflow:hidden;background-size:cover;border-radius:15px}.recipeTitle{font-size:2rem;margin:10px}}.back-button-container{display:flex;padding:40px 0}.no-recipes-mesage{margin:auto;margin-top:20vh;margin-bottom:5vh;font-family:AmaticSC-Bold;color:#e5e5cb;font-size:35px;width:90vw;text-align:center}.error-message{margin:0 auto 40px;font-family:AmaticSC-Bold;color:#e5e5cb;font-size:35px;display:flex;align-items:center;justify-content:center}.loading-container{height:50vh;font-family:AmaticSC-Bold;font-size:3rem;margin:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}.loading-spinner{margin:40px auto;width:30%;text-align:center;height:auto}.selected-recipe-details{width:50%;margin:0 auto;text-align:left;background-color:#e5e5cb;color:#1a120b;padding:30px}.recipe-title{font-size:2.9rem;margin:10px}.recipe-img{width:100%;height:300px;object-fit:cover;overflow:hidden;border-radius:20px;margin-top:20px}.ingredient-container{margin-top:20px;margin-bottom:40px;padding:10px;background-color:#d5cea3;border-radius:30px;color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.ingredients-list{list-style-type:none;padding-left:20px;font-size:1.3em;text-align:left;width:85%;line-height:30px}.ingredients-list li{position:relative;padding-left:40px;padding-bottom:20px}.ingredients-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:25px;height:25px;background-image:url(/assets/chefcook_bulletpoint-bkxsFtns.png);background-size:contain;background-repeat:no-repeat;padding-bottom:20px}.instructions-container,.summary-container,.wine-container{font-size:1.2rem;line-height:28px;margin-bottom:40px}@media screen and (max-width: 600px){.selected-recipe-details{display:block;width:100%;margin:0 auto;word-break:break-word;box-sizing:border-box;height:100%}.recipe-title{font-size:2.5rem;margin-bottom:10px}.instructions-container,.summary-container,.wine-container{width:94%;margin:auto auto 30px;padding:0;font-size:1.3rem;line-height:2rem}}.back-recipes-button-container{display:flex;padding:40px 0}.back-recipes-button{border-color:#647e68;color:#1a120b;transition:all .6s ease}.back-recipes-button:hover{color:#e5e5cb;background-color:#647e68}
