header{position:sticky;top:0;display:flex;height:4rem;width:100%;align-items:center;justify-content:space-between;background-color:var(--secondary-200);padding:0 2rem;margin-bottom:6rem;z-index:99}.header__title{-webkit-user-select:none;user-select:none}.header__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-m)}.header__nav a:not(.header__nav-cook_btn){position:relative}.header__nav a:not(.header__nav-cook_btn):before{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;transform:scaleX(0);background-color:var(--accent);transition:.2s ease}.header__nav a:not(.header__nav-cook_btn):hover:before{transform:scaleX(1)}.header__nav-cook_btn{display:inline-block;border-radius:999px;color:var(--secondary-100);background-color:var(--accent);padding:.75rem 2.75rem;transition:.2s ease}.header__nav-cook_btn:hover{box-shadow:#344e4140 0 4px 16px,#344e4140 0 8px 24px,#344e4140 0 16px 56px;background-color:var(--primary-600);transform:translateY(-.25rem)}@media (max-width: 440px){.header__nav a:not(.header__nav-cook_btn){display:none}}footer{width:100%;background-color:var(--secondary-300);padding:2em 3em;margin-top:6rem}.footer__top{display:flex;align-items:center;justify-content:space-between}.footer__top-left{-webkit-user-select:none;user-select:none}.footer__top-right{display:flex;gap:var(--space-3xl)}.footer__top-right .links small{font-family:var(--font-general-sans)}.footer__top-right span{font-size:var(--size--2)}.footer__line{margin:2rem 0;height:1px;width:100%;background-color:var(--accent)}.footer__bottom{display:flex;align-items:center;justify-content:space-between}@media (max-width: 440px){.footer__top-left h1{font-size:var(--step-2)}.footer__top-right{gap:var(--space-s)}}.hero{display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);padding:0 6rem}.hero__left .title{max-width:36rem}.hero__right .card{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:26rem;max-width:22rem;box-shadow:#0000003d 0 3px 8px;padding:1rem}.card__image{-webkit-user-select:none;user-select:none;border-radius:50%;animation:rotation 5s infinite linear}.card__quote{font-style:italic}@media (max-width: 440px){.hero{flex-direction:column;gap:var(--space-l);padding:0 2rem}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.recipe_card{-webkit-user-select:none;user-select:none;position:relative;aspect-ratio:1/1;box-shadow:#63636333 0 2px 8px;overflow:hidden;transition:.2s ease}.recipe_card:hover{transform:scale(1.03)}.recipe_card__image{height:100%;transition:.2s ease}.recipe_card:hover .recipe_card__image{transform:scale(1.2)}.recipe_card a{height:100%;display:flex;flex-direction:column}.recipe_card__title{font-family:var(--font-general-sans);position:absolute;bottom:0;left:0;width:100%;padding:.75rem;background-color:var(--secondary-100)}.cards_grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;margin:0 4rem}@media (max-width: 440px){.cards_grid{grid-template-columns:repeat(2,1fr)}}.recipe{display:flex;flex-direction:column;align-items:center;justify-content:center}.recipe__content{max-width:64rem;background-color:var(--secondary-100)}.recipe__title{text-align:center;background-color:var(--secondary-300);padding:1rem 0}.recipe__infos{display:flex;padding:2rem;border-bottom:1px solid var(--accent)}.recipe__infos img{width:75%}.recipe__infos-right{width:100%;display:flex;flex-direction:column;justify-content:space-around;padding-left:4rem}.recipe__recipe{display:flex;padding:2rem}.recipe__ingredients{width:35%;border-right:1px solid var(--accent)}.recipe__ingredients ul{list-style:circle}.recipe__steps{padding-left:2rem}.recipe__steps-list{display:flex;flex-direction:column;gap:var(--space-s)}.step_count_title{font-family:var(--font-general-sans)}@media (max-width: 440px){.recipe__infos{flex-direction:column}}*{margin:0;scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-inline-size:100%;height:auto}svg *{transform-box:fill-box}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:unset;text-decoration:none}ul{list-style:none;padding:0}@font-face{font-family:GeneralSansBold;src:url(/assets/GeneralSans-Bold-Vhw9-caL.otf)}@font-face{font-family:CabinetGroteskRegular;src:url(/assets/CabinetGrotesk-Regular-_XJsGyIO.otf)}:root{--font-general-sans: "GeneralSansBold", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-cabinet-grotesk: "CabinetGroteskRegular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--primary-100: #efefef;--primary-200: #dad7cd;--primary-300: #a3b18a;--primary-400: #588157;--primary-500: #3a5a40;--primary-600: #344e41;--secondary-100: #fff;--secondary-200: #f2f2f2;--secondary-300: #e6e6e6;--accent: #0e0e0c;--step--2: clamp(.6944rem, .6576rem + .1837vw, .8rem);--step--1: clamp(.8331rem, .7751rem + .2902vw, 1rem);--step-0: clamp(1rem, .913rem + .4348vw, 1.25rem);--step-1: clamp(1.2rem, 1.0739rem + .6304vw, 1.5625rem);--step-2: clamp(1.44rem, 1.2615rem + .8924vw, 1.9531rem);--step-3: clamp(1.7281rem, 1.4801rem + 1.2402vw, 2.4413rem);--step-4: clamp(2.0738rem, 1.7335rem + 1.7011vw, 3.0519rem);--step-5: clamp(2.4881rem, 2.0266rem + 2.3076vw, 3.815rem);--step-6: clamp(2.9863rem, 2.3665rem + 3.0989vw, 4.7681rem);--space-2xs: clamp(.625rem, .625rem + 0vw, .625rem);--space-xs: clamp(.9375rem, .9375rem + 0vw, .9375rem);--space-s: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);--space-m: clamp(1.875rem, 1.875rem + 0vw, 1.875rem);--space-l: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);--space-xl: clamp(3.75rem, 3.75rem + 0vw, 3.75rem);--space-2xl: clamp(5rem, 5rem + 0vw, 5rem);--space-3xl: clamp(10rem, 10rem + 0vw, 10rem)}body{background-color:var(--secondary-200)}#root{width:100%}small{font-family:var(--font-cabinet-grotesk);font-size:var(--step--1)}p,span,li{font-family:var(--font-cabinet-grotesk);font-size:var(--step-0)}h6{font-family:var(--font-general-sans);font-size:var(--step-1)}h5{font-family:var(--font-general-sans);font-size:var(--step-2)}h4{font-family:var(--font-general-sans);font-size:var(--step-3)}h3{font-family:var(--font-general-sans);font-size:var(--step-4)}h2{font-family:var(--font-general-sans);font-size:var(--step-5)}h1{font-family:var(--font-general-sans);font-size:var(--step-6)}