@import"https://fonts.googleapis.com/css2?family=Mooli&display=swap";.app{display:flex;flex-direction:column;min-height:100vh}.header{position:fixed;width:100%;padding:20px;background-color:var(--primary-bg);color:var(--secondary-color);z-index:5}.header__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.header__title{text-align:center;font-size:36px}.header__description{font-size:18px}.header__nav{display:flex;gap:20px}.main{flex-grow:1;position:relative;padding:80px 0 15px}.main__inner{min-height:70vh}.breadcrumbs__link{color:var(--primary-bg);border-bottom:1px solid transparent;transition:all .3s}.breadcrumbs__link:hover{border-bottom:1px solid var(--primary-bg)}.breadcrumbs__arrow{color:var(--primary-bg)}.breadcrumbs__text{font-size:18px;color:#bfbbbb}.page__title{color:var(--primary-bg);font-size:36px;text-align:center;padding:20px 0 5px}.cards{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:30px 0}.cards__not-found{position:absolute;top:50%;left:50%;transform:translate(-50%);text-align:center}.cards__item{display:flex;flex-direction:column;justify-content:space-between;padding:10px;border:1px solid var(--primary-bg)}.cards__item:hover{box-shadow:0 0 3px 5px #e9e9e9;border-color:#e9e9e9}.cards__img{max-width:100%;margin-bottom:20px;background-color:var(--secondary-bg)}.cards__title{margin-bottom:10px;font-size:22px}.cards__description{flex-grow:1;font-size:16px;margin-bottom:20px}.cards__action{display:flex;justify-content:space-between}.cards__btn{padding:10px 20px;background-color:var(--primary-bg);color:var(--secondary-color);font-size:16px;border-radius:3px;transition:all .3s}.cards__btn:hover{opacity:.7}.meal__nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.meal__country{font-size:16px;color:var(--primary-bg)}.meal__details{display:flex;gap:20px;padding:30px 0}.details__item{width:50%;max-width:50%}.meal__img{width:100%}.products__row{display:flex;justify-content:space-between;gap:20px;width:100%;font-size:16px}.products__row-header{margin-bottom:5px;padding:5px;font-size:20px;background-color:var(--primary-bg);color:var(--secondary-color)}.products__dots{flex-grow:1;border-bottom:1px dotted black}.recipe__title{margin-bottom:20px;text-align:center;color:var(--primary-bg)}.footer{padding:20px;background-color:var(--secondary-bg)}.footer__content{text-align:center}.footer__link{color:var(--primary-bg);font-weight:700;transition:all .3s}.footer__link:hover{opacity:.7}.loader{top:50%;left:50%;width:48px;height:48px;border-radius:50%;display:inline-block;position:fixed;border:3px solid;border-color:var(--primary-bg) var(--primary-bg) transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent #FF3D00 #FF3D00;width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (max-width: 767px){.header__title{width:80vw}.header__description{text-align:center}.main{padding:140px 0 15px}.meal__details{flex-direction:column}.details__item{width:100%;max-width:100%}}:root{font-family:Mooli,sans-serif;font-size:18px;--primary-color: #2F3035;--secondary-color: #ffffff;--primary-bg: #95745a;--secondary-bg: #ebebeb;--container-width: 900px}html{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{display:inline-block;text-decoration:none;font-size:18px;color:inherit}ul,li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0}button{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;color:var(--primary-color);font-size:20px;line-height:25px;font-weight:400}.container{position:relative;max-width:var(--container-width);margin:0 auto;padding:0 15px}