.main{height:400px;width:100%}.main-image{position:absolute;background-image:url(/Veggy_Mood/assets/veggy-DqvGlUer.jpg);background-size:100% 100%;background-repeat:no-repeat;height:400px;width:100%;z-index:-1;filter:blur(2px) grayscale(30%)}.main-content{height:400px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:5%;box-shadow:2px 2px 10px #000}.logo{width:220px}@media (min-width: 900px){.main,.main-image{height:680px}.main-content{height:680px;padding:2%}.logo{width:420px}}h1{color:#ffbc6d;text-shadow:4px 4px 0px #64090a;margin-bottom:15px;font-size:34px;font-weight:900}form{display:flex;justify-content:center;width:80%}.search-bar{text-align:center;height:35px;width:100%;border-radius:10px;border:2px solid white;box-shadow:2px 2px 10px #000;margin:2px}.button-search{display:flex;justify-content:center;align-items:center;margin:2px;width:50px;height:35px;font-size:20px;border:2px solid white;box-shadow:2px 2px 10px #000;border-radius:10px;cursor:pointer}@media (min-width: 900px){h1{font-size:55px}form{width:28%}}.content-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;margin-top:2%;margin-bottom:2%}.title{color:#000;font-size:32px;margin-bottom:25px;font-weight:900;width:100%;padding-bottom:15px;text-align:center;border-bottom:solid 2px black}.box-recipe{display:flex;justify-content:center;flex-wrap:wrap}@media (min-width: 900px){.title{font-size:45px;height:75px}}.list{display:flex;justify-content:center;margin:5px}.badge-box{margin:10px}.badge-box li{display:none}.badge-box img{width:30px}@media (min-width: 900px){.badge-box img{width:40px}}.card-box{width:280px;height:350px;margin:15px;box-shadow:2px 2px 10px #000;border-radius:20px;padding:10px;display:flex;align-items:center;justify-content:start;flex-direction:column}.image-recipe{width:210px;height:210px;border-radius:20px;margin:5px}.card-box h2{width:100%;height:40px;margin-bottom:5px;color:#000;font-size:17px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button-box{margin:5px;height:100px}.button-box button{margin:10px;height:40px;width:100px;border-radius:5px;background-color:#64090a;border:2px solid #64090a;color:#fff;cursor:pointer}@media (min-width: 900px){.card-box{width:310px;height:340px;margin-top:25px;margin-bottom:25px}.card-box h2{height:55px}.image-recipe{width:180px}}.footer-box{background-color:#64090a;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;bottom:0;padding:10px;color:#fff;font-weight:600;font-size:16px}.contact-box ul{display:flex;flex-direction:row}.contact-box a{color:#fff}.contact-box li{margin:10px;font-size:30px;list-style:none;cursor:pointer}.contact-box li :hover{color:#b7afaf}.contact-box li :active{color:#000}@media (min-width: 900px){.footer-box{font-size:18px}.contact-box li{font-size:40px}}.return-icon{display:flex;justify-content:center;margin:15px}.back,.top{font-size:55px;display:flex;flex-direction:column;align-items:center}.back svg,.top svg{cursor:pointer}.back p,.top p{font-weight:900;text-align:center;font-size:15px}.details-card{display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px 10px gray;border-radius:15px;padding:15px;margin:20px}.image-details-card{width:65%;border-radius:20px}.details{text-align:center;width:100%}.details-minutes,.details-servings{display:flex;align-items:center;justify-content:center;position:relative;font-size:15px}.details-minutes svg,.details-servings svg{font-size:25px;margin-left:10px;margin-right:10px}@media (min-width: 1200px){.details-card{width:30%}.details-minutes,.details-servings{font-size:17px}}.recipe-details-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2%;padding-top:30px}.title-recipe-details{color:#000;text-shadow:3px 3px 0px #ffbc6d;text-align:center}.box-details-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1%}.summary-recipe{padding:1%;width:100%}.box-in{display:flex;flex-direction:column;justify-content:center;align-items:center}.ingredient{margin:10px;text-align:center}.ingredient h2{margin:15px}.ingredient ol{list-style-type:disc;display:grid;justify-items:center;align-content:center;font-size:15px;row-gap:5px;margin:20px}.ingredient li{text-align:center;width:fit-content}.instructions{width:90%;margin:10px}.summary-recipe p,.instructions p{font-size:15px;text-align:center}.instructions h2{text-align:center;margin:15px}@media (min-width: 1200px){.box-details-card{display:flex;flex-direction:row}.summary-recipe{width:30%}.box-in{display:flex;flex-direction:row;align-items:start;margin:15px}.ingredient{display:flex;flex-direction:column;width:30%;text-align:start}.ingredient ol{font-size:17px;justify-items:start}.ingredient li,.instructions li{text-align:start;width:fit-content}.instructions{width:30%}.summary-recipe p,.instructions p{font-size:17px}.instructions h2,.ingredient h2{text-align:start}}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}