@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:60px;overflow:hidden;z-index:100;border-bottom:2px solid hsla(0,0%,52.2%,.2);padding:10px 30px;background-color:#fdfeff;-webkit-user-select:none;user-select:none}@media (max-width: 800px){.navbar{padding:10px 30px}}.navbar--fixed{position:fixed}.navbar__logo__image{width:200px;cursor:pointer}@media (max-width: 1000px){.navbar__logo__image{width:170px}}@media (max-width: 600px){.navbar__logo__image{width:120px}}.navbar__right-side__menu{display:flex;align-items:center;gap:40px}.navbar__right-side__menu__item{font-size:20px;color:#000;opacity:.8;font-weight:600;transition:all .3s ease}.navbar__right-side__menu__item:hover{color:#8dad40}.navbar__right-side__menu__item--selected{color:#b46c31;opacity:1}.navbar__right-side__menu__button{padding:10px;font-size:17px;font-weight:700;border-radius:15px;border:none;background-color:#8dad40;color:#fff;cursor:pointer;transition:all .3s ease}.navbar__right-side__menu__button:hover{background-color:#b46c31}@media (max-width: 550px){.navbar__right-side__menu__button{font-size:15px}}.navbar__right-side__icon{font-size:34px;cursor:pointer}@media (max-width: 550px){.navbar__right-side__icon{font-size:26px}}.mobile-menu{width:100%;height:100%;position:relative}.mobile-menu__content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:20px;overflow:hidden;transition:all .3s ease-in-out;box-shadow:0 2px 70px #6e82d01a;border-bottom:2px solid hsla(0,0%,52.2%,.2)}.mobile-menu__content__item{font-size:22px;color:#000;transition:all .3s ease}@media (max-width: 550px){.mobile-menu__content__item{font-size:18px}}.mobile-menu__content__item:hover{color:#8dad40}.mobile-menu__content__item--selected{color:#b46c31;font-weight:600}.home-container{background:url(../../Home-1.jpg);min-height:100vh;width:100%;position:relative;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;padding:50px;z-index:90}@media (max-width: 600px){.home-container{padding:20px}}.home-container:after{content:"";position:absolute;width:100%;height:100%;z-index:1;background-color:#00000080}.home-container__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;z-index:5}.home-container__content__title{color:#fff;font-size:70px}.home-container__content__title span{color:#8dad40}@media (max-width: 800px){.home-container__content__title{font-size:45px}}@media (max-width: 500px){.home-container__content__title{font-size:35px}}.home-container__content__quote{font-size:55px;color:#8dad40}@media (max-width: 800px){.home-container__content__quote{font-size:40px}}@media (max-width: 500px){.home-container__content__quote{font-size:30px}}.home-container__content__paragraph{font-size:22px;color:#fff;text-align:justify;width:50%}@media (max-width: 900px){.home-container__content__paragraph{text-align:justify;width:90%}}@media (max-width: 700px){.home-container__content__paragraph{width:100%;text-align:start;font-size:16px}}@media (max-width: 500px){.home-container__content__paragraph{font-size:16px}}.home-container__content__buttons{display:flex;align-items:center;gap:20px}@media (max-width: 500px){.home-container__content__buttons{flex-direction:column;gap:5px}}.home-container__content__buttons__btn2{background-color:#fff;color:#8dad40;display:flex;align-items:center;gap:15px;padding:20px;font-size:20px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease}.home-container__content__buttons__btn2:hover{background-color:#b46c31;color:#fff;scale:1.1}@media (max-width: 700px){.home-container__content__buttons__btn2{padding:13px;font-size:17px}}@media (max-width: 500px){.home-container__content__buttons__btn2{padding:12px;font-size:15px}}.home-container__content__buttons__btn{background-color:#8dad40;color:#fff;display:flex;align-items:center;gap:15px;padding:20px;font-size:20px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease}.home-container__content__buttons__btn:hover{background-color:#b46c31;color:#fff;scale:1.1}@media (max-width: 700px){.home-container__content__buttons__btn{padding:13px;font-size:17px}}@media (max-width: 500px){.home-container__content__buttons__btn{padding:12px;font-size:15px}}.home-container__content__buttons__btn__arrow{font-size:20px}@media (max-width: 500px){.home-container__content__buttons__btn__arrow{font-size:15px}}.footer{display:flex;justify-content:space-between;padding:20px 70px;gap:30px;align-items:center}@media screen and (max-width: 900px){.footer{flex-direction:column;gap:15px;padding:10px 15px}}.footer__copy-rights{text-align:center}.footer__copy-rights__text{font-size:20px}@media screen and (max-width: 550px){.footer__copy-rights__text{font-size:15px}}.footer__copy-rights__text span{color:#b46c31;font-weight:700;font-size:22px}@media screen and (max-width: 550px){.footer__copy-rights__text span{font-size:15px}}.footer__social-media{display:flex;align-items:center;gap:20px;font-size:35px}@media screen and (max-width: 550px){.footer__social-media{font-size:28px}}.footer__social-media__icon{color:#b46c31;transition:all .3s ease-in-out}.footer__social-media__icon:hover{color:#8dad40;scale:1.2}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000f0;padding:0 50px}@media (max-width: 600px){.about-container{padding:0 20px}}.about-container__info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;gap:20px;border-bottom:2px solid hsla(0,1%,73%,.3)}@media (max-width: 600px){.about-container__info{padding:60px 15px}}.about-container__info__title{font-size:100px;color:#8dad40}@media (max-width: 800px){.about-container__info__title{font-size:60px}}@media (max-width: 500px){.about-container__info__title{font-size:35px}}.about-container__info__paragraph{font-size:20px;text-align:justify;color:#fff;width:80%}@media (max-width: 800px){.about-container__info__paragraph{width:100%;font-size:17px;text-align:start}}@media (max-width: 500px){.about-container__info__paragraph{font-size:13px;text-align:center}}.about-container__info__note{font-size:30px;color:#b46c31;margin-top:30px}@media (max-width: 500px){.about-container__info__note{font-size:20px}}.about-container__info__arrows{display:flex;gap:20px;align-items:center;margin-top:30px}.about-container__info__arrows__icon{font-size:40px;transition:all .3s ease-in-out;animation:move 2s infinite;margin-bottom:40px;color:#b46c31}@keyframes move{0%{transform:translateY(0)}50%{transform:translateY(50px)}}@media (max-width: 500px){.about-container__info__arrows__icon{font-size:30px}}.about-container__article{display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:2px solid hsla(0,1%,73%,.3);padding:50px;width:100%}@media (max-width: 800px){.about-container__article{flex-direction:column;padding:30px}}@media (max-width: 600px){.about-container__article{padding:20px}}.about-container__article__content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.about-container__article__content__title{font-size:70px;color:#8dad40}@media (max-width: 500px){.about-container__article__content__title{font-size:40px}}.about-container__article__content__paragraph{font-size:20px;text-align:justify;color:#fff}@media (max-width: 800px){.about-container__article__content__paragraph{text-align:start;font-size:17px}}@media (max-width: 500px){.about-container__article__content__paragraph{font-size:12px;text-align:center}}.about-container__article__image-container{width:100%}.about-container__article__image-container__image{width:100%;border-radius:15px}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;background:url(../../contact2.jpg) no-repeat center center/cover;position:relative;z-index:2;color:#fff;padding:50px;gap:5rem}.contact-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:-1}@media screen and (max-width: 900px){.contact-container{padding:20px;gap:3rem}}@media screen and (max-width: 600px){.contact-container{padding:30px 10px;gap:2rem}}.contact-container__header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}@media (max-width: 600px){.contact-container__header{padding:5px 10px}}.contact-container__header__title{font-family:Dancing Script,sans-serif;font-size:9rem;margin-bottom:2rem;color:#8dad40;position:relative}.contact-container__header__title:before{content:"";position:absolute;top:100%;left:50%;margin-top:15px;transform:translate(-50%);width:200px;height:5px;border-radius:5px;background-color:#fff}@media (max-width: 900px){.contact-container__header__title{font-size:4rem;margin-bottom:1rem}.contact-container__header__title:before{width:100px}}@media (max-width: 600px){.contact-container__header__title{font-size:3rem}.contact-container__header__title:before{width:80px}}.contact-container__header__subtitle{font-size:2rem}@media screen and (max-width: 900px){.contact-container__header__subtitle{font-size:1.4rem}}@media screen and (max-width: 600px){.contact-container__header__subtitle{font-size:1.1rem}}.contact-container__header__description{font-size:1.2rem;text-align:justify;width:70%}@media (max-width: 900px){.contact-container__header__description{font-size:1rem;width:100%}}@media (max-width: 600px){.contact-container__header__description{font-size:.9rem}}.contact-container__body{display:flex;align-items:flex-start;justify-content:center;width:100%;gap:9rem}@media (max-width: 900px){.contact-container__body{flex-direction:column;align-items:center;gap:3rem}}.contact-container__body__info{display:flex;flex-direction:column;gap:3rem;align-items:center;justify-content:center;text-align:center}@media screen and (max-width: 900px){.contact-container__body__info{gap:1rem}}.contact-container__body__info__box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;gap:5px}@media screen and (max-width: 900px){.contact-container__body__info__box{gap:1rem}}.contact-container__body__info__box__title{font-size:1.6rem;color:#8dad40}@media screen and (max-width: 900px){.contact-container__body__info__box__title{font-size:1.2rem}}@media screen and (max-width: 600px){.contact-container__body__info__box__title{font-size:1.3rem}}.contact-container__body__info__box__description{font-size:1.4rem;color:#fff;width:max-content}@media screen and (max-width: 900px){.contact-container__body__info__box__description{font-size:1rem}}@media screen and (max-width: 600px){.contact-container__body__info__box__description{font-size:1.1rem}}.contact-container__body__info__box__description--link{transition:all .3s ease-in-out}@media (max-width: 768px){.contact-container__body__info__box__description--link{color:#b46c31}}.contact-container__body__info__box__description--link:hover{color:#b46c31}.contact-container__body__form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}@media (max-width: 600px){.contact-container__body__form{width:90%}}.contact-container__body__form__inputs{display:flex;gap:1rem}@media (max-width: 600px){.contact-container__body__form__inputs{flex-direction:column;width:100%}}.contact-container__body__form__input{padding:15px 30px;background-color:#0000;color:#fff;outline:none;width:100%;border:1px solid #fff;font-size:1.4rem}@media screen and (max-width: 900px){.contact-container__body__form__input{font-size:1rem;padding:10px 20px}}@media screen and (max-width: 600px){.contact-container__body__form__input{font-size:.9rem;padding:8px 15px}}.contact-container__body__form__input::placeholder{color:#fff}.contact-container__body__form__button{padding:15px 20px;font-size:1.3rem;background-color:#8dad40;border:none;color:#fff;font-weight:600;cursor:pointer;text-align:center;width:50%;transition:all .3s ease-in-out}@media screen and (max-width: 900px){.contact-container__body__form__button{font-size:1rem;padding:10px 20px}}@media screen and (max-width: 600px){.contact-container__body__form__button{font-size:.9rem;padding:8px 15px;width:100%}}.contact-container__body__form__button:hover{background-color:#b46c31;scale:1.1}.category{display:flex;flex-direction:column;gap:40px;flex:1;justify-content:flex-start;align-items:center;border:2px solid #b46c31;border-radius:15px;padding:40px}@media (max-width: 600px){.category{padding:20px 10px}}.category__title{font-size:60px;color:#8dad40;border-bottom:2px solid #b46c31;text-align:center;width:100%}@media (max-width: 700px){.category__title{font-size:40px}}.category__sandwiches{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:20px 0}.category__sandwiches__sandwich{display:flex;align-items:center;width:100%;justify-content:center;border-bottom:2px solid rgba(255,255,255,.3);padding:40px 20px;gap:50px}@media (max-width: 700px){.category__sandwiches__sandwich{flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 500px){.category__sandwiches__sandwich{padding:20px 10px}}.category__sandwiches__sandwich__image{width:200px;aspect-ratio:1/1;border-radius:15px;object-fit:cover}@media (max-width: 700px){.category__sandwiches__sandwich__image{width:90%}}.category__sandwiches__sandwich__info{display:flex;flex-direction:column;gap:7px;align-items:flex-start;width:100%;justify-content:center}.category__sandwiches__sandwich__info__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:40px}.category__sandwiches__sandwich__info__header__title{font-size:30px;color:#fff}@media (max-width: 700px){.category__sandwiches__sandwich__info__header__title{font-size:20px}}@media (max-width: 400px){.category__sandwiches__sandwich__info__header__title{font-size:15px}}.category__sandwiches__sandwich__info__header__price{font-size:18px;font-weight:700;color:#b46c31}@media (max-width: 700px){.category__sandwiches__sandwich__info__header__price{font-size:15px}}@media (max-width: 400px){.category__sandwiches__sandwich__info__header__price{font-size:10px}}.category__sandwiches__sandwich__info__description{color:gray;font-style:italic;word-wrap:break-word;text-align:justify;width:400px;-webkit-user-select:none;user-select:none}@media (max-width: 700px){.category__sandwiches__sandwich__info__description{font-size:16px;width:100%}}@media (max-width: 400px){.category__sandwiches__sandwich__info__description{font-size:11px}}.category__sandwiches__sandwich__info__icons{display:flex;gap:20px;align-items:center;justify-content:flex-end;width:100%;margin-top:20px}.category__sandwiches__sandwich__info__icons__icon{font-size:25px;color:#fff}.edit{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px}.edit__title{color:#b46c31;text-align:center}.edit__form{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}.edit__form__label{display:flex;gap:10px;align-items:center}@media (max-width: 600px){.edit__form__label{font-size:12px}}.edit__form__input{padding:10px 20px;font-size:15px;background-color:#000;color:#fff;outline:none;border:2px solid #fff;border-radius:15px}@media (max-width: 600px){.edit__form__input{font-size:12px}}@media (max-width: 400px){.edit__form__input--image{width:70%;padding:10px}}.edit__form__buttons{display:flex;gap:10px;width:100%;justify-content:center}.edit__form__buttons__button{padding:8px 20px;border:none;font-size:17px;background-color:#b46c31;border-radius:15px;cursor:pointer;color:#fff;transition:all .3s ease;font-weight:700}.edit__form__buttons__button:hover{background-color:#8dad40}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#000;padding:70px 20px;gap:100px;position:relative}.menu__info-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.menu__restuarant__info{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;border:2px solid #b46c31;width:100%;border-radius:15px;padding:20px}.menu__restuarant__info__box{display:flex;gap:10px;align-items:center;justify-content:center}.menu__restuarant__info__box__title{color:#8dad40;font-size:30px}@media (max-width: 700px){.menu__restuarant__info__box__title{font-size:20px}}@media (max-width: 400px){.menu__restuarant__info__box__title{font-size:16px}}.menu__restuarant__info__box__description{color:#fff;font-size:20px}@media (max-width: 700px){.menu__restuarant__info__box__description{font-size:15px}}@media (max-width: 400px){.menu__restuarant__info__box__description{font-size:12px}}.menu__restuarant__info__box__description--link{transition:all .3s ease}.menu__restuarant__info__box__description--link:hover{color:#b46c31}.menu__categories-boxes{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border:2px solid #b46c31;padding:40px;border-radius:15px}@media (max-width: 500px){.menu__categories-boxes{padding:20px}}.menu__categories-boxes__title{color:#fff}.menu__categories-boxes__categories-titles{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}@media (max-width: 700px){.menu__categories-boxes__categories-titles{display:grid;grid-template-columns:repeat(2,1fr);padding:10px}}.menu__categories-boxes__categories-titles__name{background-color:#8dad40;color:#fff;padding:15px 30px;font-size:22px;border-radius:15px;font-weight:700;text-align:center;transition:all .3s ease}.menu__categories-boxes__categories-titles__name:hover{background-color:#fff;color:#b46c31}@media (max-width: 500px){.menu__categories-boxes__categories-titles__name{padding:10px 20px;font-size:18px}}@media (max-width: 350px){.menu__categories-boxes__categories-titles__name{padding:10px 20px;font-size:15px}}.menu__add-sandwich{font-size:30px;color:#fff;background-color:#8dad40;transition:all .3s ease;padding:20px;font-weight:700;border-radius:15px}@media (max-width: 600px){.menu__add-sandwich{font-size:18px}}.menu__add-sandwich:hover{color:#8dad40;background-color:#fff}.menu__categories{display:flex;flex-wrap:wrap;width:100%;gap:70px;align-items:stretch;justify-content:center}.scroll-up__arrow{color:#b46c31;font-size:30px;position:fixed;right:20px;bottom:20px;z-index:1000}@media (max-width: 600px){.scroll-up__arrow{font-size:17px;right:4px;bottom:5px}}.form-container{width:100%;height:100vh;display:grid;place-items:center;background:#000;background-position:center;background-repeat:no-repeat;background-size:cover}.form-container__form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60%;gap:30px}@media (max-width: 900px){.form-container__form{width:75%}}@media (max-width: 600px){.form-container__form{width:90%}}.form-container__form__box{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center;justify-content:center}.form-container__form__box__label{color:#fff;font-size:20px}@media (max-width: 600px){.form-container__form__box__label{font-size:15px}}.form-container__form__box__input{width:60%;padding:20px;font-size:20px;border:4px solid #8dad40;color:#fff;outline:none;background-color:#0000}@media (max-width: 600px){.form-container__form__box__input{font-size:15px;border:2px solid #8dad40;padding:15px;width:100%}}.form-container__form__box__select{padding:20px;border:4px solid #8dad40;color:#fff;width:60%;font-size:20px;outline:none;cursor:pointer;background-color:#0000}@media (max-width: 600px){.form-container__form__box__select{font-size:15px;border:2px solid #8dad40;padding:15px;width:100%}}.form-container__form__box__select__option{background-color:#000;cursor:pointer;color:#fff;text-align:center;font-size:20px}@media (max-width: 600px){.form-container__form__box__select__option{font-size:15px;padding:15px;width:100%}}.form-container__form__button{width:60%;padding:15px;border:none;outline:none;cursor:pointer;background-color:#b46c31;color:#fff;font-size:20px;font-weight:700;transition:all .3s ease}.form-container__form__button:hover{background-color:#fff;color:#b46c31}@media (max-width: 600px){.form-container__form__button{font-size:15px;padding:15px;width:100%}}.sign-in{display:grid;place-items:center;width:100%;height:100vh;background:#000}.sign-in__form{display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;width:50%;padding:30px}@media (max-width: 600px){.sign-in__form{width:80%}}.sign-in__form__title{color:#b46c31;font-size:80px}@media (max-width: 600px){.sign-in__form__title{font-size:35px}}.sign-in__form__box{display:flex;flex-direction:column;gap:20px;width:100%;justify-content:center;align-items:flex-start}.sign-in__form__box__label{font-size:40px;color:#fff}@media (max-width: 600px){.sign-in__form__box__label{font-size:20px}}.sign-in__form__box__input{width:100%;padding:20px;border:4px solid #fff;border-radius:15px;outline:none;background-color:#0000;color:#fff;font-size:20px}@media (max-width: 600px){.sign-in__form__box__input{font-size:17px;padding:15px}}.sign-in__form__error{color:#fff;font-size:20px}.sign-in__form__button{width:50%;cursor:pointer;padding:20px;border:none;font-size:20px;color:#fff;background-color:#b46c31;font-weight:700;border-radius:15px;transition:all .3s ease}.sign-in__form__button:hover{background-color:#fff;color:#b46c31}@media (max-width: 600px){.sign-in__form__button{font-size:18px;width:100%;padding:15px}}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:Poppins,sans-serif;width:100%;height:100%}