.menu-item{position:relative;overflow:hidden}.menu-item__choice-icon{background-color:#99e2d0;border-bottom-right-radius:2.2rem;border-top-right-radius:2.2rem;color:#fff;font-size:3rem;text-align:center;vertical-align:middle;line-height:1.2;height:100%;padding:1.75rem;position:absolute;top:0;right:0;transform:translateX(100%);transition:all 600ms}.menu-item__choice-icon i{transition:all 600ms;transform:rotate(0)}.menu-item:hover>.menu-item__choice-icon{transform:translateX(0)}.menu-item:hover>.menu-item__choice-icon i{transform:rotate(360deg)}.menu-item__info{width:100%;transition:width 600ms}.menu-item:hover>.menu-item__info,.menu-item:hover>.menu-item__dish{width:75%}@media only screen and (min-width: 43.125em){.menu-item:hover>.menu-item__info,.menu-item:hover>.menu-item__dish{width:85%}}@media only screen and (min-width: 62.5em){.menu-item:hover>.menu-item__info,.menu-item:hover>.menu-item__dish{width:92%}}.menu-item{animation:slideup 850ms ease-in-out}.menu-item--1{animation-delay:200ms}.menu-item--2{animation-delay:400ms}.menu-item--3{animation-delay:600ms}.menu-item--4{animation-delay:800ms}.menu-item--5{animation-delay:1000ms}.menu-item--6{animation-delay:1200ms}.menu-item--7{animation-delay:1400ms}.menu-item--8{animation-delay:1600ms}.menu-item--9{animation-delay:1800ms}.menu-item--10{animation-delay:2000ms}@keyframes slideup{from{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotateLeftTop{0%{transform:rotate(0)}50%{transform:rotate(22deg)}}@keyframes rotateRightTop{0%{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes rotateLeftTopBottom{0%{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes rotateRightTopBottom{0%{transform:rotate(0)}50%{transform:rotate(-18deg)}}@keyframes fadeUp{0%{opacity:0;transform:scaleY(1)}33%{opacity:1;transform:scaleY(1.4)}64%{opacity:.1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(0.3)}}@keyframes disappear{from{visibility:visible}to{visibility:hidden}}.loading-spinner{position:fixed;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;opacity:.9;background-image:linear-gradient(to bottom right, #CDACF4, #F5A6EE);z-index:99;visibility:hidden;animation:disappear 3000ms ease-out both}.loading-spinner__glass{height:5rem;position:relative}.loading-spinner__glass::after{content:"";position:absolute;top:4.7rem;left:5px;width:2rem;height:5px;background-color:#fff;box-shadow:0 0 1px #fff}.loading-spinner__glass-top{background:#fff;width:3rem;height:3.6rem;border-radius:0 0 3.6rem 3.6rem;box-shadow:0 0 1px #9356dc}.loading-spinner__glass-top::before{content:"";position:absolute;left:4px;bottom:1.8rem;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(transparent 20%, #FF79DA 50%)}.loading-spinner__glass-top::after{content:"";position:absolute;top:3.5rem;left:1.2rem;width:6px;height:1.3rem;background:#fff;box-shadow:0 0 1px #fff}.loading-spinner__glass--left{display:inline-block;margin-right:1.7rem;animation:rotateLeftTop 2000ms cubic-bezier(0.39, 1.52, 0.46, 0.92) infinite}.loading-spinner__glass .loading-spinner__glass-top{animation:rotateLeftBottom 2000ms linear infinite}.loading-spinner__glass--right{display:inline-block;animation:rotateRightTop 2000ms cubic-bezier(0.39, 1.52, 0.46, 0.92) infinite}.loading-spinner__glass--right .loading-spinner__glass-top{animation:rotateRightBottom 2000ms linear infinite}.loading-spinner ul{margin:0;padding:0;width:7rem;height:2.5rem;position:relative;opacity:0;animation:2000ms fadeUp infinite linear}.loading-spinner__bars{width:6px;height:1.5rem;background:#9356dc;position:absolute;box-shadow:0 0 1px #9356dc;transform-origin:bottom}.loading-spinner__bars--1{left:2.6rem;bottom:5px;transform:rotate(-35deg)}.loading-spinner__bars--2{left:3.4rem;bottom:8px}.loading-spinner__bars--3{left:42px;bottom:5px;transform:rotate(35deg)}.loading-spinner__text{font-family:"Shrikhand",cursive;font-size:2.25rem;margin-top:2rem;color:#9356dc}.loading-spinner__text .dot--1{animation:slideup 1000ms ease-in infinite;animation-delay:200ms}.loading-spinner__text .dot--2{animation:slideup 1000ms ease-in infinite;animation-delay:400ms}.loading-spinner__text .dot--3{animation:slideup 1000ms ease-in infinite;animation-delay:600ms}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth;width:100vw;overflow-x:hidden}@media only screen and (min-width: 43.125em){html{font-size:65%}}@media only screen and (min-width: 62.5em){html{font-size:67%}}@media only screen and (min-width: 87.5em){html{font-size:72%}}::selection{color:#fff;background-color:#9356dc}body{height:100vh;width:100vw;position:relative}a{text-decoration:none;color:#1a1a1a}ul{list-style:none}body{font-family:"Roboto",sans-serif;font-size:1.3rem;font-weight:500;text-rendering:optimizeLegibility;line-height:120%;letter-spacing:.6px;color:#1a1a1a}@media only screen and (min-width: 62.5em){body{font-size:1.4rem}}.btn{font-size:1.4rem;border-radius:2.5rem;position:relative;cursor:pointer;padding:1.75rem;width:20rem;text-align:center;box-shadow:3px 3px 8px 2px rgba(0,0,0,.2);background:linear-gradient(to bottom right, #FF79DA, #9356DC);font-weight:200;z-index:1}.btn a{color:#fff}.btn:hover::after{opacity:1}.btn::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;box-shadow:3px 3px 8px 2px rgba(0,0,0,.3);border-radius:2.5rem;background:linear-gradient(to bottom right, #ff83dd, #985ede);opacity:0;transition:opacity 250ms}.btn-secondary{border-radius:2.2rem;background-color:rgba(242,242,242,.6);padding:1.75rem;box-shadow:3px 3px 8px 2px rgba(0,0,0,.2)}.favourites__icons{width:2rem;height:2rem;line-height:2rem;font-size:2.2rem;cursor:pointer}.favourites__icons--empty::before{color:#6f6f6f;z-index:1;opacity:1;transition:opacity 400ms ease-in}.favourites__icons--empty:hover::before{z-index:-1;opacity:0}.favourites__icons--full::before{background:linear-gradient(to bottom right, #FF79DA, #9356DC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:-1;opacity:0;transition:opacity 1200ms ease-out}.favourites__icons--full:hover::before{z-index:1;opacity:1}.header{display:flex;padding:2.5rem;box-shadow:3px 3px 8px 2px rgba(0,0,0,.3);text-align:center}.header__logo{font-family:"Shrikhand",cursive;font-size:2.25rem;justify-self:center;flex-basis:100%}@media only screen and (min-width: 62.5em){.header__logo{font-size:3rem}}.header__arrow--invisible{display:none}.header__arrow--visible{justify-self:flex-start;font-size:1.7rem;color:#3e3e3e}.footer{padding:3.5rem 1.75rem;background-color:#3e3e3e;color:#f5f5f5;z-index:1000;display:flex;flex-flow:column wrap;gap:2rem}.footer a{color:#f5f5f5}.footer__logo{font-family:"Shrikhand",cursive;font-size:1.7rem}.footer__nav{display:flex;flex-flow:column wrap;gap:.8rem}.footer__icons{font-size:1.6rem;width:2.5rem}.location{background-color:rgba(93,93,93,.2);display:flex;flex-flow:row wrap;justify-content:center;gap:1rem;padding:2.5rem}.intro{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:center;padding:2.5rem;text-align:center;background-color:rgba(242,242,242,.6)}.intro__title{padding-bottom:3.5rem}.intro__subtitle{padding-bottom:2.5rem;color:#6f6f6f;font-weight:200}@media only screen and (min-width: 87.5em){.intro{padding:6rem}}@media only screen and (min-width: 87.5em){.intro{gap:1.5rem}}.instructions{display:flex;flex-flow:column wrap;gap:3rem;padding:4.5rem 1.75rem}.instructions__list{display:flex;flex-flow:column wrap;gap:2.5rem;font-size:1.3rem}@media only screen and (min-width: 43.125em){.instructions__list{flex-flow:row nowrap}}.instructions__items{position:relative;justify-content:center;align-items:center;display:flex;flex-flow:row wrap}.instructions__items--1::before{content:"1"}.instructions__items--2::before{content:"2"}.instructions__items--3::before{content:"3"}.instructions__items::before{position:absolute;left:-1rem;z-index:2;width:2.4rem;height:2.4rem;border-radius:2.5rem;background-color:#9356dc;color:#fff;text-align:center;padding:.5rem}.instructions__items--selected{background-color:#f2eafb}.instructions__items--selected .instructions__icons--selected{color:#9356dc}.instructions__items i{flex-basis:15%;color:#6f6f6f;font-size:1.6rem}.instructions__items span{font-weight:600;flex-basis:75%}@media only screen and (min-width: 43.125em){.instructions__items{flex-basis:40%;text-align:center}}@media only screen and (min-width: 62.5em){.instructions__items{flex-basis:35%}}@supports not (gap: 1.5rem){.instructions__items{margin-bottom:2.5rem;margin-right:1.5rem}}@media only screen and (min-width: 62.5em){.instructions{padding-left:3.5rem;padding-right:3.5rem}}@media only screen and (min-width: 87.5em){.instructions{margin:3.5rem 0}}.restaurants{background-color:rgba(242,242,242,.6);padding:4.5rem 1.75rem;display:flex;flex-flow:column wrap;gap:3rem}.restaurants__title{flex-basis:100%}.restaurants__cards{background-color:#fff;border-radius:2.2rem;overflow:hidden;box-shadow:3px 3px 8px 2px rgba(0,0,0,.2)}.restaurants__cards img{width:100%;height:15rem;object-fit:cover;object-position:center}.restaurants__cards--new{position:relative}.restaurants__cards--new::before{content:"New";position:absolute;right:2rem;top:1.5rem;padding:.5em 2.5rem;background-color:#99e2d0;color:#2c9c81;font-weight:600;text-align:center;z-index:2}@media only screen and (min-width: 43.125em){.restaurants__cards{flex-basis:45%}}@media only screen and (min-width: 87.5em){.restaurants__cards{flex-basis:23%}}.restaurants__info{padding:1.5rem;display:flex;flex-flow:column wrap}.restaurants__names{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.restaurants__locations{color:#6f6f6f}@media only screen and (min-width: 43.125em){.restaurants{display:flex;flex-flow:row wrap;justify-content:center}}.restaurant-menu{display:flex;flex-flow:column wrap}.restaurant-menu__image{width:100vw;height:18rem;object-fit:cover;object-position:center;z-index:-1}@media only screen and (min-width: 43.125em){.restaurant-menu__image{height:28rem}}@media only screen and (min-width: 62.5em){.restaurant-menu__image{height:40rem}}.restaurant-menu__card{max-width:100vw;display:flex;flex-flow:column wrap;gap:1.5rem;background-color:#eee;padding:3.5rem 1.5rem;margin-top:-4rem;border-radius:2.2rem;width:100vw}@media only screen and (min-width: 43.125em){.restaurant-menu__card{margin:-5rem auto 3rem auto;width:90vw;padding:4.5rem;box-shadow:3px 3px 8px 2px rgba(0,0,0,.2)}}@media only screen and (min-width: 87.5em){.restaurant-menu__card{width:85vw;padding:5rem}}.restaurant-menu__title-container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.restaurant-menu__title{font-family:"Shrikhand",cursive;font-size:2.25rem;line-height:1.1}@media only screen and (min-width: 62.5em){.restaurant-menu__title{font-size:3rem}}.restaurant-menu__subtitles{font-size:1.6rem;font-weight:200;color:#6f6f6f;text-transform:uppercase;position:relative;margin-top:3.5rem;margin-bottom:2rem}.restaurant-menu__subtitles::after{content:"";width:4rem;height:3px;background-color:#99e2d0;position:absolute;top:2.2rem;left:0}.menu-item{cursor:pointer;display:flex;flex-flow:column wrap;width:100%;gap:.5rem}.menu-item__dish{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.menu-item__info{display:flex;flex-flow:row wrap;max-width:100%}.menu-item__description{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1;color:#6f6f6f}.menu-item__price{font-weight:600}@supports not (gap: 1.5rem){.menu-item--1,.menu-item--2,.menu-item--4,.menu-item--5,.menu-item--7,.menu-item--8{margin-bottom:1.5rem}}.menu-btn{align-self:center;margin:3.5rem 0}/*# sourceMappingURL=style.css.map */