:root{--color-primary:#208a70;--color-secondary:#ffd74e;--color-black:#082026;--color-white:#ffffff;--color-dark-grey:#4d4d4e;--color-light-grey:#a09f9f;--color-error:#b51429;--color-page-bg:#f4f5f6;--font-primary:"Manrope", sans-serif;--font-heading:"Ibarra Real Nova", serif;--shadow-passive:0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--shadow-active:0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);--shadow-card:0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%),
    0 1px 3px 0 rgb(0 0 0 / 12%);--header-height:50px}html{font-size:62.5%;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:80px 0 0;background-color:var(--color-page-bg);font-size:1.6rem;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;color:var(--color-dark-grey);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.header{position:fixed;top:0;width:100%;height:var(--header-height);padding:0;background:var(--color-black);z-index:2}.header__nav{height:100%;display:flex;align-items:center;justify-content:center;padding:0 8px;gap:8px}.header__logo{display:flex;align-items:center}.header__logo img{width:30px;height:30px}.header__title{margin:0 auto;text-align:center;font-family:var(--font-heading);font-size:1.8rem}.header__title a{color:var(--color-white);line-height:46px;text-decoration:none}.header__title a i{color:var(--color-primary);transition:color 100ms ease-out;font-style:italic}.header__title a:hover i{color:var(--color-secondary)}.header__link{display:flex;align-items:center;padding:10px 16px;margin:0;color:var(--color-dark-grey);background:var(--color-secondary);border-radius:3px;transition:background 100ms ease,color 100ms ease;white-space:nowrap}.header__link:hover{color:var(--color-white);background:var(--color-primary);text-decoration:none}.layout{max-width:900px;margin:1.6rem auto;padding:0 1.6rem;min-height:calc(100vh - 333px)}h1,.h1{color:var(--color-dark-grey);font-family:var(--font-heading);font-weight:400;font-size:4.4rem;text-shadow:1px 1px 0 var(--color-light-grey);line-height:1;margin:0 0 1.6rem}h2,.h2,h3,.h3{color:var(--color-dark-grey);font-family:var(--font-heading);font-weight:400;font-size:3.2rem;text-shadow:1px 1px 0 var(--color-light-grey);line-height:1;margin:0 0 1.6rem}p{font-size:1.6rem;line-height:1.5}.card{padding:32px 16px 16px;margin-bottom:32px;background-color:var(--color-white);color:rgba(0,0,0,.87);transition:box-shadow 300ms cubic-bezier(.4,0,.2,1)0ms;border-radius:4px;box-shadow:var(--shadow-card);overflow:hidden;min-width:275px}.card img{display:block;width:100%}.recipe-card__link,.recipe-card__link:hover{text-decoration:none}.recipe-card__title{color:var(--color-primary);font-family:var(--font-heading);font-weight:400;font-size:44px;text-shadow:1px 1px 0 var(--color-light-grey);margin:0 0 1.6rem;line-height:1;transition:text-shadow 50ms ease-out,color 50ms ease-out}.recipe-card__link:hover .recipe-card__title{color:var(--color-secondary);text-shadow:1px 1px 1px var(--color-dark-grey)}.recipe-card__category{color:var(--color-light-grey);font-family:var(--font-primary);font-weight:400;font-size:1.6rem;display:block;line-height:1;margin:.4rem 0}.recipe-card__summary{color:var(--color-black);font-family:var(--font-primary)}.recipe-body h2,.recipe-body h3{font-size:2.4rem;margin:3.2rem 0 1.2rem;color:var(--color-primary);text-shadow:none}.recipe-body ul,.recipe-body ol{padding:0 0 0 20px;margin:0 0 1.6rem}.recipe-body li{margin:0 0 .6rem}.recipe-body blockquote{margin:1.6rem 0;padding:0 0 0 16px;border-left:3px solid var(--color-secondary);color:var(--color-dark-grey)}.meta{margin:32px 0 0;font-size:1.4rem;overflow:hidden}.meta dt{float:left;clear:left;width:100px}.meta dt::after{content:":"}.meta dd{margin:0 0 0 112px;padding:0}.tags{list-style:none;padding:0;margin:1.6rem 0 0}.tags li{display:inline-block;margin:0 8px 8px 0}.tags a{display:inline-block;padding:4px 10px;border-radius:3px;background:var(--color-page-bg);color:var(--color-dark-grey);font-size:1.3rem;transition:background 100ms ease,color 100ms ease}.tags a:hover{background:var(--color-primary);color:var(--color-white);text-decoration:none}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;padding:0;margin:0 0 32px}.book-grid a{display:block;padding:16px;background:var(--color-white);border-radius:4px;box-shadow:var(--shadow-card);transition:box-shadow 200ms ease;height:100%}.book-grid a:hover{box-shadow:var(--shadow-active);text-decoration:none}.book-grid strong{font-family:var(--font-heading);font-weight:400;font-size:2.2rem;color:var(--color-primary);display:block;margin-bottom:4px}.book-grid span{color:var(--color-light-grey);font-size:1.4rem}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;padding:0;margin:0 0 32px;flex-wrap:wrap}.pagination a,.pagination span{display:inline-block;padding:8px 14px;border-radius:3px;background:var(--color-white);box-shadow:var(--shadow-card);color:var(--color-dark-grey)}.pagination a:hover{background:var(--color-primary);color:var(--color-white);text-decoration:none}.pagination .is-active span{background:var(--color-secondary);color:var(--color-dark-grey)}.footer{background:var(--color-black);display:flex;justify-content:center;align-items:center;flex-direction:column}.footer img{max-width:100px;margin:32px 0 0}.footer ul{padding:0;margin:0 0 32px}.footer li{display:inline-block;margin:16px}.footer a{color:var(--color-white)}.footer a:hover{color:var(--color-secondary);text-decoration:none}@media(max-width:600px){h1,.h1{font-size:3.2rem}.recipe-card__title{font-size:3.2rem}.header__title{font-size:1.5rem}.meta dt{float:none;width:auto}.meta dd{margin:0 0 8px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header__search{display:flex;align-items:center;margin:0 8px 0 0}.header__search input{font-family:var(--font-primary);font-size:1.4rem;padding:7px 12px;width:200px;max-width:34vw;color:var(--color-white);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:3px;transition:background 100ms ease,border-color 100ms ease;-webkit-appearance:none;appearance:none}.header__search input::placeholder{color:var(--color-light-grey)}.header__search input:focus{outline:none;background:rgba(255,255,255,.16);border-color:var(--color-primary)}.search-form{display:flex;align-items:center;gap:8px;margin:0 0 1.6rem}.search-form__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form__input{flex:1;font-family:var(--font-primary);font-size:1.8rem;padding:14px 16px;color:var(--color-dark-grey);background:var(--color-white);border:none;border-radius:4px;box-shadow:var(--shadow-card);-webkit-appearance:none;appearance:none}.search-form__input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.search-status{color:var(--color-light-grey);font-size:1.4rem;margin:0 0 1.6rem;min-height:1.4rem}.search-result__snippet{color:var(--color-dark-grey);font-size:1.5rem;margin:0}.search-result mark{background:var(--color-secondary);color:var(--color-dark-grey);border-radius:2px;padding:0 2px}@media(max-width:700px){.header__search{display:none}}