@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";.search{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 0rem 4rem}.search input{width:40%;height:4rem;outline:none;border:none;background-color:transparent;box-shadow:var(--box-shadow);border-radius:25px;caret-color:var(--color-green);padding:0rem 2rem;font-weight:700;color:var(--color-green)}.search .btn-search{width:4.5rem;height:4.5rem;background-color:var(--color-green);color:#faebd7;font-size:1.8rem;border:none;border-radius:50%;box-shadow:0 0 2px 2px #0003;cursor:pointer;transition:.2s all linear}.search .btn-search:hover{transform:rotate(360deg);background-color:var(--bg-color);box-shadow:var(--box-shadow);color:var(--color-green);font-weight:700}.dark .search input{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000;caret-color:var(--color-blue);color:var(--color-blue)}.dark .search .btn-search{background-color:var(--color-blue);color:#0a0a0a}.dark .search .btn-search:hover{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000;color:var(--color-blue)}@media (width<=1024px){.search input{width:60%;gap:1rem}}@media (width<=500px){.search{gap:.7rem}.search input{width:70%}}.search-btns{display:flex;align-items:center;justify-content:center;gap:1rem;padding:0rem 0rem 4rem}.search-btns .btn{width:11rem;height:3.5rem;box-shadow:var(--box-shadow);font-size:1.5rem;color:var(--color-green);display:flex;align-items:center;justify-content:center;text-transform:capitalize;border-radius:.5rem;cursor:pointer}.dark .search-btns .btn{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000;color:var(--color-blue)}.card{background-color:var(--bg-color);box-shadow:var(--box-shadow);width:95%;height:auto;border:none;padding:1rem;border-radius:.5rem}.dark .card{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000}.card-title{font-size:2rem;color:var(--color-green);text-transform:capitalize;margin-top:1rem}.dark .card-title{color:var(--color-blue)}.card-buttons{margin:1rem 0rem;display:flex;align-items:center;justify-content:space-between}.card-buttons .btn-country,.card-buttons .btn-recipe a{width:8rem;height:2.5rem;box-shadow:var(--box-shadow);background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;font-size:1.4rem;border-radius:.5rem;color:var(--color-blue);cursor:pointer}.card-buttons .btn-recipe a{width:12rem}.dark .card-buttons .btn-country,.dark .card-buttons .btn-recipe a{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000;color:var(--color-green)}.card img{width:100%;height:auto;border-radius:.5rem}.loader-wrapper{height:50vh;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center}.res-loader .loader-wrapper{height:80vh;background-color:var(--bg-color)}.dark .res-loader .loader-wrapper,.dark .loader-wrapper{background-color:#0a0a0a}.loader-wrapper .loader{width:5rem;height:5rem;background-color:transparent;border-radius:50%;border:7px solid;border-color:var(--color-green) transparent;animation:rotate 2s linear infinite}.dark .loader-wrapper .loader{border-color:var(--color-blue) transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark{background-color:#0a0a0a;height:100vh}section{background-color:var(--bg-color);padding:2rem 10rem}.dark section{background-color:#0a0a0a}.card-wrapper{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;background-color:var(--bg-color);grid-gap:3rem;align-items:center}.dark .card-wrapper{background-color:#0a0a0a}@media (width<=1024px){section{padding:2rem 7rem}.card-wrapper{grid-template-columns:repeat(3,1fr)}}@media (width<=780px){section{padding:2rem 4rem}.card-wrapper{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){section{padding:2rem 3rem}.card-wrapper{grid-template-columns:repeat(1,1fr)}}.error{margin-top:2rem;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color)}.dark .error{background-color:#0a0a0a}.error p{font-size:3rem;color:red;text-transform:capitalize}.header{display:flex;align-items:center;justify-content:space-between;height:8rem;box-shadow:0 .5rem .5rem #0003!important;padding:0rem 5rem;background-color:var(--bg-color);position:sticky;top:0}.header img{width:25%;height:auto}.header .btn-dark{width:4.5rem;height:4.5rem;background-color:transparent;box-shadow:var(--box-shadow);border:none;border-radius:50%;font-size:1.8rem;color:var(--color-green);cursor:pointer}.dark .header{background-color:#0a0a0a}.dark .btn-dark{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000;color:var(--color-blue)}@media (width<=1024px){.header{padding:0rem 3rem}}@media (width<=500px){.header{padding:0rem 2rem}.header img{width:30%}}.res{display:grid;grid-template-columns:50% 49%;align-items:center;box-shadow:var(--box-shadow);padding:1rem;border-radius:1rem}.dark .res{box-shadow:5px 5px 10px #171818,-5px -5px 10px #000}.res img{width:95%;height:auto;border-radius:1rem}.res .card-title{font-size:2.5rem;font-weight:700;text-transform:uppercase;color:var(--color-green)}.res .sub-title{font-size:2.2rem;color:var(--color-green);margin-top:1rem;letter-spacing:.2rem;margin-bottom:1rem}.dark .res .sub-title{color:var(--color-blue)}.res .recipe-text{font-size:1.3rem;margin-top:1rem;color:var(--color-green)}.dark .res .recipe-text{color:var(--color-blue)}.res .box-wrapper{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:center;grid-gap:.7rem}.box-wrapper .box{box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;font-size:1.5rem;color:var(--color-green);padding:1.5rem;text-align:center;border-radius:1rem;text-transform:capitalize}.dark .box-wrapper .box{box-shadow:5px 5px 10px #171818,-5px -5px 10px #000}.recipe-btns{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:1rem}.btn-back,.btn-show-video{width:15rem;height:4.5rem;background-color:#eaeaea;outline:none;border:none;font-size:1.6rem;text-transform:capitalize;color:var(--color-green);box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff;border-radius:5px;cursor:pointer;border-radius:1rem}.btn-show-video a{color:var(--color-green)}.dark .btn-back,.dark .btn-show-video{background-color:#0a0a0a;box-shadow:5px 5px 10px #171818,-5px -5px 10px #000}@media (width<=970px){.res{grid-template-columns:55% 44%}}@media (width<500px){.res{grid-template-columns:100%;text-align:center}.res img{width:100%;display:block;margin:auto}}:root{--bg-color: #eaeaea;--color-green: #4bbc54;--color-blue: #1cacf4;--box-shadow: 5px 5px 10px #bebebe, -5px -5px 10px #fff}*{padding:0;margin:0;list-style:none;text-decoration:none}html{font-size:62.5%;font-family:Poppins,sans-serif}