@import"https://fonts.googleapis.com/css2?family=Shrikhand&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{--color-mix-white-low: 90%;--color-mix-white-hight: 10%;--color-primary: #9356dc;--color-secondary: #ff79da;--color-tertiary: #99e2d0;--color-white: white;--color-gray: gray;--color-primary-light: #a070db;--color-primary-light-2: #f1e6ff;--color-secondary-light: #ff91e0;--color-gray-light: #e3e3e3;--color-gray-light-2: #f2f2f2;--color-tertiary-dark: #0f614c;--color-gray-dark: #333333;--padding-btn: 2rem 3rem;--padding-btn-2: 0.5rem 3rem;--padding-card: 2rem 0rem;--padding-extra-sm: 0.5rem;--padding-sm: 1.5rem;--padding-md: 2.3rem;--padding-lg: 3rem;--padding-extra-lg: 4rem;--gap-sm: 0.8rem;--gap: 2rem;--gap-md: 2.5rem;--gap-lg: 3.5rem;--shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);--shadow-down: 4px 4px 6px rgba(0, 0, 0, 0.6);--shadow-active: 4px 4px 4px rgba(0, 0, 0, 0.7);--rounded-big: 10rem;--rounded: 2rem;--rounded-sm: 0.5rem;--rounded-md: 5rem;--slow: 0.4s;--fast: 0.1s;--transition-all-fast: all var(--fast) ease-in-out;--transition-all-slow: all var(--slow) ease-in-out}@keyframes width-hide{0%{width:100%}99%{width:100%}100%{width:0}}@keyframes opacity-hide{0%{opacity:100%}99%{opacity:100%}100%{opacity:0%}}@keyframes fade-in{0%{opacity:0%}100%{opacity:100%}}@keyframes translate-up{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes fade-in-bounce{0%{opacity:0%;transform:translateY(-20px)}40%{opacity:50%;transform:translateY(5px)}80%{opacity:100%;transform:translateY(-2px)}100%{opacity:100%;transform:translateY(0)}}*,*::after,*::before{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}@media(min-width: 1400px){html{font-size:70%}}body{box-sizing:border-box}a{color:inherit;text-decoration:none}ul{list-style:none}button{border:none;cursor:pointer}img{vertical-align:middle}body{font-family:"Roboto",sans-serif;font-size:2rem;font-weight:100}h1,.menu-title__text{font-family:"Shrikhand",sans-serif;font-size:3rem;font-weight:100}.menu-section__title{font-weight:100;text-transform:uppercase}h3,h4{font-size:2.4rem}button{font-family:"Roboto",sans-serif;font-size:2rem;font-weight:400}.menu-card__price{font-weight:bold}.restaurant-card__new{font-weight:500}.location,.header__location,.step-card__text{font-size:1.7rem;font-weight:500}.spinning-loader__title{font-family:"Shrikhand",sans-serif;font-size:5rem;font-weight:100}.footer__title{font-family:"Shrikhand",sans-serif;font-size:2rem;font-weight:100}.footer__item{font-size:1.7rem}.heart{clip-path:url(#heart__clip);cursor:pointer;display:grid;height:var(--size);overflow:hidden;place-items:center;position:relative;width:var(--size);--size: 3.5rem}.heart__svg{position:absolute}.heart__container{display:grid;height:var(--size);place-items:center;width:var(--size)}.heart__stroke{fill:rgba(0,0,0,0);height:var(--size);stroke:#000;stroke-width:7px;width:var(--size)}.heart__fill{background-image:linear-gradient(var(--color-primary), var(--color-secondary));border-radius:38%;bottom:-100%;height:110%;position:absolute;width:110%}.heart:hover .heart__fill{animation:wave 2s forwards,wave-up 2s forwards}@keyframes wave{0%{transform:rotate(0)}70%{transform:rotate(-360deg)}100%{transform:rotate(-360deg)}}@keyframes wave-up{0%{bottom:-100%}100%{bottom:0}}.spinning-loader{--size: 6rem;display:inline-block;height:var(--size);width:var(--size)}.spinning-loader__title{animation:fade-in 1s alternate-reverse infinite}.spinning-loader::after{animation:spinning-loader 1s ease-in-out infinite;border:.6rem solid #fff;border-color:var(--color-primary) rgba(0,0,0,0) var(--color-secondary) rgba(0,0,0,0);border-radius:50%;content:"";display:block;height:var(--size);width:var(--size)}@keyframes spinning-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.location{background-color:var(--color-gray-light);display:flex;gap:var(--gap);justify-content:center;padding:var(--padding-md)}@media(min-width: 768px){.location{display:none}}.btn{background-image:linear-gradient(var(--color-secondary), var(--color-primary));border-radius:var(--rounded-big);box-shadow:var(--shadow);color:var(--color-white);padding:var(--padding-btn);transition:var(--transition-all-fast);width:fit-content}.btn--bold{font-weight:400}.btn:hover{background-image:linear-gradient(var(--color-secondary-light), var(--color-primary-light));box-shadow:var(--shadow-down);transform:translate(2px, 2px)}.btn:active{box-shadow:var(--shadow-active);transform:translate(3px, 3px)}.menu-card{border-radius:var(--rounded);box-shadow:var(--shadow);cursor:pointer;position:relative;align-items:center;background-color:var(--color-white);display:flex;overflow:hidden}.menu-card__info{flex:1 1 0;min-width:0;padding:var(--padding-sm)}.menu-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-card__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-card__price{padding:var(--padding-sm)}.menu-card__button{align-items:center;align-self:stretch;background-color:var(--color-tertiary);display:flex;justify-content:center;overflow:hidden;transition:var(--transition-all-slow);width:0rem}.menu-card__icon{color:var(--color-white);font-size:3rem}.menu-card:hover .menu-card__button{width:8rem}.menu-card:hover .menu-card__button>i{animation:rotate var(--slow)}@keyframes rotate{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}.restaurant-card{border-radius:var(--rounded);box-shadow:var(--shadow);cursor:pointer;position:relative;background-color:var(--color-white);display:flex;flex-direction:column;overflow:hidden}.restaurant-card__top{position:relative}.restaurant-card__img{height:18rem;object-fit:cover;width:100%}.restaurant-card__new{background-color:var(--color-tertiary);border-radius:var(--rounded-sm);color:var(--color-tertiary-dark);padding:var(--padding-btn-2);position:absolute;right:var(--padding-sm);top:var(--padding-sm)}.restaurant-card__bottom{align-items:center;display:grid;gap:var(--gap-md);grid-template-columns:1fr min-content;height:100%;justify-content:space-between;padding:var(--padding-sm);position:relative}.restaurant-card__bottom>.heart{margin-right:2rem}.restaurant-card::before{background-image:linear-gradient(to right, var(--color-primary), var(--color-secondary));bottom:0;content:"";display:inline-block;height:0%;left:0;overflow:hidden;position:absolute;transition:var(--transition-all-fast);width:100%}.restaurant-card:hover::before{height:1rem}.step-card{border-radius:var(--rounded);box-shadow:var(--shadow);cursor:pointer;position:relative;align-items:center;background-color:var(--color-gray-light-2);display:flex;gap:var(--gap);margin-left:calc(var(--width)/2);--width: 3rem;--height: 3rem}.step-card__number{background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:grid;height:var(--height);left:calc(var(--width)/2*-1);place-items:center;position:absolute;width:var(--width);z-index:10}.step-card__info{align-items:center;border-radius:var(--rounded);display:flex;gap:var(--gap);height:100%;overflow:hidden;padding:var(--padding-card);padding-right:var(--gap);position:relative;width:100%}.step-card__icon{color:gray;font-size:2.5rem;min-width:6.35rem;padding-left:calc(var(--gap) + var(--width)/2);z-index:10}.step-card__text{z-index:10}.step-card__background{background-color:var(--color-primary-light-2);height:100%;left:-3rem;position:absolute;top:0;transform:skewX(-45deg);transition:all .5s ease-in-out;width:0;z-index:9}.step-card:hover .step-card__background{width:150%}.step-card:hover .step-card__icon{color:var(--color-primary)}.header{background-color:var(--color-white);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr min-content 1fr;padding-bottom:var(--padding-sm);padding-top:var(--padding-md);place-items:center;position:relative;text-align:center}@media(min-width: 768px){.header--home-page{grid-template-columns:0 1fr 1fr}}.header__title{display:grid;justify-content:start;padding:0 var(--padding-md);width:100%}.header__logo{height:100%}.header__link{font-size:2.5rem;justify-self:start;margin-left:var(--gap)}.header__location{display:none}@media(min-width: 768px){.header__location{display:flex;gap:var(--gap);justify-self:end;padding:0 var(--padding-md)}}.menu-container{background-color:var(--color-gray-light);border-radius:var(--rounded-md) var(--rounded-md) 0 0;margin-top:calc(var(--rounded-md)*-1);min-height:50rem;position:relative;display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md)}@media(min-width: 768px){.menu-container{margin-left:auto;margin-right:auto;max-width:90rem}}@media(min-width: 1400px){.menu-container{display:grid;grid-template-columns:repeat(3, minmax(35rem, 33%));max-width:192rem}}.components{display:flex;flex-direction:column;gap:4rem;padding:3rem 3rem}.footer{background-color:var(--color-gray-dark);color:var(--color-white);display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md)}@media(min-width: 768px){.footer{align-items:center}}.footer__list{display:flex;flex-direction:column;gap:var(--gap-sm)}@media(min-width: 768px){.footer__list{flex-direction:row;gap:calc(var(--gap-lg)*2)}}.footer__icon{min-width:2.5rem}.footer__item{display:flex;flex-direction:column;gap:calc(var(--gap-sm)/2);position:relative;width:fit-content}.footer__item::after{--margin: 1rem;background-image:linear-gradient(var(--color-primary), var(--color-secondary));content:"";height:3px;margin-left:calc(var(--margin)*-1);transition:var(--transition-all-fast);width:0%}.footer__item:hover::after{width:calc(100% + var(--margin)*2)}@media(min-width: 1400px){.top-wrapper{align-items:center;background-image:url(../../public/img/restaurants/stil-u2Lp8tXIcjw-unsplash.jpg);background-size:cover;display:flex;flex-wrap:wrap;gap:20rem;height:auto;justify-content:center;padding:calc(var(--padding-lg)*3) var(--padding-md)}}.explore{align-items:center;background-color:var(--color-gray-light-2);display:flex;flex-direction:column;flex-wrap:wrap;padding:var(--padding-extra-lg) 0;text-align:center}.explore__title{padding-bottom:var(--padding-extra-lg)}.explore__text{padding-bottom:var(--padding-lg)}@media(min-width: 1400px){.explore{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md);backdrop-filter:blur(3px);background-color:rgba(255,255,255,.8);border-radius:var(--rounded)}}.steps{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md)}@media(min-width: 768px){.steps{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto}.steps>.title{grid-column-end:4;grid-column-start:1;text-align:center}}@media(min-width: 1400px){.steps{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md);backdrop-filter:blur(3px);background-color:rgba(255,255,255,.8);border-radius:var(--rounded)}}.restaurants{background-color:var(--color-gray-light-2);display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md)}@media(min-width: 768px){.restaurants>.title{text-align:center}}.restaurants-wrapper{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-extra-lg) var(--padding-md);padding:0}@media(min-width: 768px){.restaurants-wrapper{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto}}@media(min-width: 1400px){.restaurants-wrapper{align-self:center;grid-template-columns:repeat(4, minmax(25rem, 45rem));max-width:192rem}}.loading-animation{align-items:center;animation:opacity-hide 2s forwards,width-hide 2s forwards;background-color:var(--color-white);display:flex;flex-direction:column;gap:var(--gap-lg);height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;width:100%;z-index:100}.top-image{height:25rem;object-fit:cover;width:100%}.menu-title{align-items:center;display:grid;grid-template-columns:1fr min-content;justify-content:space-between}.menu-title>.heart{margin-right:2rem}@media(min-width: 1400px){.menu-title{grid-column-end:4;grid-column-start:1}}.menu-section{display:flex;flex-direction:column;gap:var(--gap);padding:var(--padding-sm) 0}.menu-section__title::after{border-bottom:.3rem solid var(--color-tertiary);content:" ";display:block;margin-top:.3rem;width:6rem}.menu-container>.btn{--padding: 10rem;margin:0 auto;margin-bottom:var(--padding-extra-lg);margin-top:var(--padding-md);padding-left:var(--padding);padding-right:var(--padding)}@media(min-width: 1400px){.menu-container>.btn{grid-column-end:4;grid-column-start:1}}.menu-container>:nth-child(2){animation:fade-in .3s forwards;animation-delay:0s;opacity:0%}.menu-container>:nth-child(2)>:nth-child(1){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:0s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(2)>:nth-child(2){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:.3s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(2)>:nth-child(3){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:.6s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(2)>:nth-child(4){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:.9s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(2)>:nth-child(5){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:1.2s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(3){animation:fade-in .3s forwards;animation-delay:1.5s;opacity:0%}.menu-container>:nth-child(3)>:nth-child(1){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:1.5s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(3)>:nth-child(2){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:1.8s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(3)>:nth-child(3){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:2.1s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(3)>:nth-child(4){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:2.4s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(3)>:nth-child(5){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:2.7s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(4){animation:fade-in .3s forwards;animation-delay:3s;opacity:0%}.menu-container>:nth-child(4)>:nth-child(1){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:3s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(4)>:nth-child(2){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:3.3s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(4)>:nth-child(3){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:3.6s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(4)>:nth-child(4){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:3.9s;animation-timing-function:ease-in-out;opacity:0%}.menu-container>:nth-child(4)>:nth-child(5){animation:fade-in .3s forwards,translate-up .6s forwards;animation-delay:4.2s;animation-timing-function:ease-in-out;opacity:0%}/*# sourceMappingURL=style.css.map */