:root{--border-radius:10px;--black-color:#1b0760;--blue-color:#0141ff;--pink-color:#ffa9f9;--yellow-color:#fff7ad;--white-color:#f5f5f5;--bg-scheme:#f5f5f5;--black-scheme:#1b0760;--shadow-scheme:#0a0a0a80;--white-scheme:#f5f5f5;font-size:62.5%}@media (prefers-color-scheme:dark){:root{--btn-bg-hover:#fff7ad;--bg-scheme:#0a0a0a;--black-scheme:#f5f5f5;--shadow-scheme:#0141ff80;--white-scheme:#0a0a0a}}*,:after,:before{box-sizing:border-box;outline-color:var(--pink-color);margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background:var(--bg-scheme);color:var(--black-scheme);flex-direction:column;gap:4rem;font-size:1.8rem;line-height:1;display:flex}a{color:inherit;text-decoration:none}li{list-style-type:none}p{letter-spacing:1px;word-spacing:3px;line-height:1.3}h1{text-transform:uppercase;text-shadow:1px 1px 2px #fff7ad,0 0 1em #00f,0 0 .2em #ffa9f9;font-size:clamp(6rem,7vh,8rem)}h1 span{display:none}
.btn{border-radius:var(--border-radius);box-shadow:0px 5px 10px 0px var(--shadow-scheme);white-space:nowrap;padding:.7rem 2rem;font-size:2.5rem;font-weight:400;transition:all .3s}.btn__primary{background-color:var(--pink-color);color:var(--black-color);border:2px solid #0000}.btn__primary:hover{background-color:var(--yellow-color);border:2px solid var(--yellow-color);color:var(--black-color)}.btn__secondary{border:2px solid var(--yellow-color)}.btn__secondary:hover{background-color:var(--yellow-color);color:var(--black-color)}.divider--primary{background-color:var(--pink-color);width:25%;height:1px;margin:4rem auto}.divider--secondary{background-color:var(--yellow-color);width:50%;height:1px;margin:2rem 0}@media only screen and (min-width:768px){.divider--primary{margin:10rem auto}}.heading{text-align:center;text-shadow:1px 1px 2px #ffa9f9;text-transform:capitalize;margin-bottom:8rem;padding-top:2rem;font-size:2.5rem;font-weight:lighter}.heading span,.aside__heading span{color:var(--pink-color);text-shadow:1px 1px 2px #0000;margin-bottom:1rem;font-size:2rem;display:block}.aside__heading{text-shadow:1px 1px 2px #ffa9f9;text-transform:capitalize;font-size:2.5rem}.aside__heading span{font-size:2rem}.heading span:before,.aside__heading span:before{content:"↪";margin-right:1rem}.header{height:12rem}.nav{justify-content:space-between;align-items:center;width:100%;height:100%;padding:1rem 4rem 0 0;display:flex}.nav ul{font-size:2rem;display:none}.nav li{border-bottom:3px solid #0000}.nav li:hover{border-bottom:3px solid var(--pink-color);transition:all .1s}.nav__logo{height:8rem}@media only screen and (min-width:768px){.nav{padding:1rem 3rem 0 0}.nav ul{gap:2rem;font-size:2.5rem;display:flex}.nav button{display:none}.nav__logo{width:auto;height:10rem;padding-left:2rem}}@media only screen and (min-width:1024px){.nav ul{gap:6rem}}@media (prefers-color-scheme:dark){.nav__logo{filter:invert()}.nav li:hover{border-bottom:3px solid var(--yellow-color)}}.main{max-width:124rem;margin:0 auto;padding:0 4rem}.hero{text-align:center;gap:6rem;display:grid}.hero__content{gap:4rem;display:grid}.hero__landing{flex-direction:column;justify-content:center;height:calc(100vh - 16rem);display:flex}.hero__title{margin-bottom:4rem}.hero__actions{flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.hero__followers{flex-direction:column;align-items:center;display:flex}.hero__followers img{border:3px solid var(--yellow-color);object-fit:cover;border-radius:50%;margin-right:-1.2rem}.hero__followers img:hover{transform:scale(1.1)}.followers__text{margin-top:1rem;font-weight:700}.hero__image{width:100%;height:50rem}@media only screen and (min-width:768px){.hero{grid-template-columns:1fr 1fr}.hero__content{height:calc(100vh - 16rem)}.hero__landing{height:100%}.hero__actions{flex-direction:row;justify-content:center}.hero__image{width:100%;height:65rem}}.steps{text-align:center;grid-template-columns:1fr;justify-items:center;display:grid}.steps h3 span:nth-of-type(2){margin-right:1rem}.steps h3{text-shadow:1px 1px 2px #ffa9f9;margin-bottom:1rem;font-size:2.2rem}.steps h3 span:first-of-type{display:none}.steps h3 span:nth-of-type(2){color:var(--pink-color);font-size:4rem}.steps img{margin-bottom:2rem}@media only screen and (min-width:768px){.steps{grid-template-columns:repeat(2,1fr);align-items:center;row-gap:4rem}.steps img{margin-bottom:0}.steps img:nth-of-type(2){grid-area:2/1/3/2}.steps h3 span:nth-of-type(2){margin-bottom:2rem;display:block}}.cards{justify-items:center;gap:4rem;display:grid}.card{background:var(--pink-color);border-radius:var(--border-radius);box-shadow:0px 5px 10px 0px var(--shadow-scheme);color:var(--black-color);background:linear-gradient(#fff7ad 24%,#ffa9f9 100%);width:32rem;padding:1rem;overflow:hidden}.card__img{border-radius:var(--border-radius);object-fit:cover;object-position:top;width:100%;height:25rem}.card__content{flex-direction:column;align-items:center;padding:2rem;font-size:2.2rem;display:flex}.card h3{text-align:center;text-transform:capitalize;text-shadow:1px 1px 2px #ffa9f9;margin-bottom:1rem;font-size:2.2rem}.card__quote{text-align:center}.contacts__list{justify-content:space-around;width:100%;margin-top:2rem;display:flex}.allergen{text-align:center;width:80%;margin:8rem auto 0}.ingredients{text-transform:lowercase;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem;font-size:2.5rem;display:grid}.ingredients li:before{content:"✓";color:var(--pink-color);font-size:3rem}@media only screen and (min-width:768px){.cards{grid-template-columns:repeat(2,1fr);gap:4rem 2rem}.card{width:35rem}.ingredients{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:992px){.cards{width:80%;margin:0 auto}}.gallery__grid{gap:2rem;display:grid}.gallery__grid figure{width:100%;margin:0 auto;transition:all .5s ease-in-out}.gallery__img{object-fit:cover;object-position:center;border-radius:var(--border-radius);width:100%;transition:all .3s ease-in-out}.gallery__img:hover{opacity:.7}@media only screen and (min-width:480px){.gallery__grid figure{max-width:40rem}}@media only screen and (min-width:768px){.gallery__grid{grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px){.gallery__grid{grid-template-rows:10rem 9rem 2.5rem 2.5rem 10rem 10rem 8rem;grid-template-columns:repeat(4,1fr)}.gallery__img{height:100%}.gallery__grid figure:first-of-type{grid-area:1/1/2/2}.gallery__grid figure:nth-of-type(2){grid-area:1/2/3/3}.gallery__grid figure:nth-of-type(3){grid-area:1/3/5/4}.gallery__grid figure:nth-of-type(4){grid-area:1/-1/4/-2}.gallery__grid figure:nth-of-type(5){grid-area:2/1/6/2}.gallery__grid figure:nth-of-type(6){grid-area:3/2/7/3}.gallery__grid figure:nth-of-type(7){grid-area:5/3/8/4}.gallery__grid figure:nth-of-type(8){grid-area:4/-2/8/-1}.gallery__grid figure:nth-of-type(9){grid-area:6/1/8/2}.gallery__grid figure:nth-of-type(10){grid-area:7/2/8/3}}.footer{color:var(--black-color);text-align:center;background:radial-gradient(circle,#ffa9f9 0%,#fff7ad 84%);place-items:center;gap:1rem;padding-bottom:2rem;display:grid}.footer p:first-of-type:after{content:"♥";margin-left:2rem}.footer__contacts{flex-direction:column;gap:1rem;display:flex}@media only screen and (min-width:768px){.footer{grid-template-columns:repeat(2,1fr);gap:4rem}.footer .divider--secondary{display:none}}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.666bad7d.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0a77efb4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.4a23d71b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.c55744ae.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.b460e02c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.855a563b.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_7672c65-module__NwIeUq__className{font-family:Poppins,Poppins Fallback;font-style:normal}