@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";nav ul{list-style:none;display:flex;justify-content:center;align-items:center}.nav-link{margin:0 .5em}nav a{display:block;padding-bottom:.25em;margin:0px 3rem;text-transform:uppercase;font-size:.85rem}nav a:hover{color:red}.active{border-bottom:1px solid grey}@media screen and (max-width: 659px){nav{position:fixed;background-color:#f3f3f3;top:54px;right:0;width:100vw;height:100vh;display:none}.nav-link-wrapper{display:flex;flex-direction:column;justify-content:center}.nav a{display:block;margin:1em auto 0;padding:.5em 0;width:fit-content;color:#000}.nav-link:active{color:#00f}}header{position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:1000;box-shadow:0 2px 10px 2px #8080801a}.header-container{padding:1em 0;width:90%;max-width:1440px;margin:0 auto;display:flex;position:relative;justify-content:space-between}h3 a{font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.85rem}h3 a span{color:#fff;border:2px solid red;border-radius:5px;padding:0 5px;background-color:red}.checkbox{position:absolute;right:1px;width:20px;height:20px;opacity:0;cursor:pointer;z-index:1000}.menu,.closeMenu{position:absolute;right:1px;width:20px;height:20px;cursor:pointer;transition:.3s}.menu{z-index:999;background-color:#fff}.checkbox:checked~.nav{z-index:1200;display:block}.checkbox:checked~.menu{opacity:0}@media screen and (min-width: 660px){.menu,.closeMenu,.checkbox{display:none}}.grid{display:flex;flex-direction:column;min-height:100vh;background-color:#f3f3f31a}form{margin:0 auto 2em;width:90%;max-width:500px;border-radius:5px}.search-input,button{padding:1.25em .75em;cursor:pointer;outline:none;border:none}.search-input{width:70%;background-color:#f5f5f5;border-top-left-radius:5px;border-bottom-left-radius:5px}form button{color:#fff;width:30%;background-color:red;border:none;border-top-right-radius:5px;border-bottom-right-radius:5px}form button:hover{background-color:#ff000080}form button:active{background-color:red}.hero-section{background-image:url(/assets/top-view-table-full-delicious-food-composition-09c3d8a5.jpg);background-color:#a77272e6;background-blend-mode:multiply;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.container{width:90%;margin:2em auto}h1{margin:0 auto 1em;width:100%;max-width:600px;font-size:3rem;text-transform:capitalize}.search-bar{margin-bottom:1em}.search-food-btn{display:block;padding:1em 2em;color:#fff;width:20%;background-color:red;border:none;border-radius:50px;margin:0 auto;width:100%;max-width:200px}.search-food-btn:hover{background-color:#ff000080}.search-food-btn:active{background-color:red}.loader-container{width:90%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:2em}.loader{padding:.125em;width:50px;height:50px;text-align:center;margin-top:2em;background-color:red;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100px;animation:loaderRotate .5s linear 0s infinite forwards}.loader div{width:50px;height:50px;background-color:#fff}@keyframes loaderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.err{text-align:center;margin-top:2em}.error-page{display:grid;grid-template-rows:1fr;justify-content:center;align-items:center;padding:5em 0 2em}.error-page div{display:flex;flex-direction:column;justify-content:center}.error-page div p{line-height:1.7;text-align:center}.error-page div img{display:block;margin:0 auto;width:90%}.reload{display:block;padding:1em 3em;color:#fff;background-color:red;border:none;border-radius:50px;margin:1em auto 0}.reload:hover{background-color:#ff000080}.reload:active{background-color:red}.food-card{margin-top:2em;display:grid;width:100%;min-height:320px;max-height:400px;box-shadow:0 0 10px 1px #8080801a;border-radius:10px}.food-card img{border-radius:10px 10px 0 0;width:100%;height:200px;object-fit:cover}.food-card p{line-height:1.7;width:80%}.name-fave{padding:1em;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 600px){.food-card{height:auto}}.recipe-search{width:90%;max-width:1440px;margin:2em auto 0}.food-container{margin:0 auto 2em}.food-card-container{grid-template-columns:repeat(auto-fit,minmax(30%,30%))}.food-container h3{font-weight:400;width:fit-content;padding-bottom:.5em;border-bottom:2px solid red}@media screen and (max-width: 659px){.food-card-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}}@media screen and (min-width: 660px) and (max-width: 977px){.food-card-container{display:grid;grid-template-columns:repeat(2,minmax(45%,45%));justify-content:space-between;align-items:center;column-gap:1em;max-width:100%;height:auto;width:auto\	}}@media screen and (min-width: 978px) and (max-width: 1439px){.food-card-container{display:grid;grid-template-columns:repeat(3,minmax(30%,30%));justify-content:space-between;align-items:center;column-gap:1em;max-width:100%;height:auto;width:auto\	}}@media screen and (min-width: 1440px){.food-card-container{display:grid;grid-template-columns:repeat(4,minmax(20%,22%));justify-content:space-between;align-items:center;column-gap:1em;max-width:100%;height:auto;width:auto\	}}.recipe-container{width:90%;max-width:1440px;margin:2em auto 0}.recipe-head{margin-bottom:.5em}.recipe-category button{padding:1em 1.5em;margin-right:1em}.tag{position:absolute;bottom:5px;right:0;padding:10px;background-color:red;color:#fff}.recipe h3{margin-bottom:1em;font-weight:500}.recipe-image{position:relative;width:100%}.recipe-image img{object-fit:cover;height:400px;width:100%;max-width:100%}.recipe-category{margin-top:1em;margin-bottom:1em}.recipe-category button:hover{background-color:red;color:#fff}.recipe-category button{font-weight:500}ul{list-style-position:inside;list-style-type:circle}.recipe-ingredient{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2em}.recipe-ingredient-wrapper{width:40%}.recipe-ingredients-instructions{width:55%}.recipe-ingredient-flex,.recipe-ingredients-instructions,.recipe-ingredient-source{padding:2em;background-color:#8080801a}.recipe-ingredient-source{margin-top:1em;margin-bottom:1em}.recipe-ingredient-source a{color:red;word-wrap:break-word}.recipe-ingredient li,.recipe-ingredient p{line-height:1.7}.recipe-ingredient-list ul li{margin-right:2em}.flex{display:flex}.recipe-video{box-shadow:0 0 20px 2px #8080801a;margin-bottom:2em;padding:2em}.recipe-video iframe{width:100%;height:400px}@media screen and (max-width: 1024px){.recipe-ingredient{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:2em}.recipe-ingredient-wrapper,.recipe-ingredients-instructions{width:100%}.recipe-ingredients-instructions{margin-top:1em}}main{padding-top:3em;flex-grow:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}a{color:#000;text-decoration:inherit}