@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600&display=swap);:root{--header-height:3rem;--first-color:#e39147;--first-color-alt:#f79c4c;--title-color:#393939;--text-color:#707070;--text-color-light:#A6A6A6;--body-color:#FBFEFD;--container-color:#FFFFFF;--body-font:'Cairo',sans-serif;--biggest-font-size:3.1rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:400;--font-semi-bold:600;--mb-1:.5rem;--mb-2:1rem;--mb-3:1.5rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:3rem;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:768px){:root{--biggest-font-size:3.7rem;--h1-font-size:2rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body.dark-theme{--title-color:#F1F3F2;--text-color:#C7D1CC;--body-color:#2b1b0d;--container-color:#543319}.change-theme{position:absolute;right:1rem;top:1.8rem;color:var(--text-color);font-size:1rem;cursor:pointer}body{margin:var(--header-height) 0 0 0;font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);line-height:1.6;transition:.7s}h1,h2,h3,p,ul{transition:.7s;margin:0}ul{padding:0;list-style:none}a{transition:.7s;text-decoration:none}img{max-width:100%;height:auto}.section{padding:5rem 0 5rem}.section-subtitle,.section-title{text-align:center}.section-title{font-size:var(--h1-font-size);color:var(--title-color);margin-bottom:var(--mb-3)}.section-subtitle{display:block;color:var(--first-color);font-weight:var(--font-medium);margin-bottom:var(--mb-1)}.bd-container{max-width:960px;width:calc(100% - 2rem);margin-left:var(--mb-2);margin-right:var(--mb-2)}.bd-grid{display:grid;gap:1.5rem}.bd-flex{display:flex;gap:1.5rem;flex-direction:row-reverse;flex-wrap:wrap;justify-content:center}.l-header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}.nav{max-width:1024px;height:var(--header-height);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center}@media screen and (max-width:768px){.nav__menu{position:fixed;top:-100%;left:0;width:100%;padding:1.5rem 0 1rem;text-align:center;background-color:var(--body-color);transition:.4s;box-shadow:0 4px 4px rgba(0,0,0,.1);border-radius:0 0 1rem 1rem;z-index:var(--z-fixed)}}.nav__list{display:flex;flex-direction:row-reverse}.nav__item{margin-bottom:var(--mb-2)}.nav__link,.nav__logo,.nav__toggle{color:var(--text-color);font-weight:var(--font-medium)}.nav__logo:hover{color:var(--first-color)}.nav__link{transition:.3s}.nav__link:hover{color:var(--first-color)}.nav__toggle{font-size:1.3rem;cursor:pointer}.show-menu{top:var(--header-height)}.active-link{color:var(--first-color)}.scroll-header{box-shadow:0 2px 4px rgba(0,0,0,.1)}.scrolltop{position:fixed;right:1rem;bottom:-20%;display:flex;justify-content:center;align-items:center;padding:.3rem;background:rgba(201,126,60,.5);border-radius:.4rem;z-index:var(--z-tooltip);transition:.4s;visibility:hidden}.scrolltop:hover{background-color:var(--first-color-alt)}.scrolltop__icon{font-size:1.8rem;transition:.7s;color:var(--body-color)}.show-scroll{visibility:visible;bottom:1.5rem}#header{transition:.7s}.home{background-color:rgba(0,0,0,.05)}.home__container{height:calc(100vh - var(--header-height));align-content:center}.home__title{font-size:var(--biggest-font-size);color:var(--first-color);margin-bottom:var(--mb-1)}.home__subtitle{font-size:var(--h1-font-size);color:var(--title-color);margin-bottom:var(--mb-4)}.home__data{text-align:right}.home__img{width:1000px;justify-self:center}.button{display:inline-block;background-color:var(--first-color);color:#fff;padding:.75rem 1rem;border-radius:.5rem;transition:.3s}.button:hover{background-color:var(--first-color-alt)}.about__data{text-align:center;max-width:300px}.about__description{margin-bottom:var(--mb-3)}.about__img{width:280px;border-radius:.5rem;justify-self:center}.services{background-color:rgba(0,0,0,.05)}.services__container{row-gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.services__content{text-align:center}.services__img{width:64px;height:64px;fill:var(--first-color);margin-bottom:var(--mb-2)}.services__title{font-size:var(--h3-font-size);color:var(--title-color);margin-bottom:var(--mb-1)}.services__description{padding:0 1.5rem}.menu__container{justify-content:center}.menu__content{position:relative;display:flex;flex-direction:column;background-color:var(--container-color);border-radius:.5rem;box-shadow:0 2px 4px rgba(3,74,40,.15);padding:.75rem;width:300px}.menu__img{width:100px;align-self:center;margin-bottom:var(--mb-2)}.coffee{margin-bottom:3.1rem}.menu__name,.menu__preci{font-weight:var(--font-semi-bold);color:var(--title-color)}.menu__name{font-size:var(--normal-font-size);margin-bottom:var(--mb-2);text-align:center}.menu__preci{text-align:right}.menu__detail,.menu__preci{font-size:var(--small-font-size)}.menu__detail{margin-bottom:var(--mb-1)}.menu__button{position:absolute;bottom:0;left:0;display:flex;padding:.625rem .813rem;border-radius:0 .5rem 0 .5rem}.app{background-color:rgba(0,0,0,.05)}.app__data{text-align:center;justify-content:center;align-items:center}.app__description{margin-bottom:var(--mb-5)}.app__stores{margin-bottom:var(--mb-4)}.app__store{width:120px;margin:0 var(--mb-1)}.map{width:70rem;justify-self:center}.contact__container{text-align:center;flex-direction:row;justify-content:space-evenly;align-items:center}.contact__description{margin-bottom:var(--mb-3)}.contact__data{display:flex;flex-direction:column;align-items:center}.footer{background-color:rgba(0,0,0,.05)}.footer__container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));row-gap:2rem;justify-content:center;text-align:center;align-items:center}.footer__logo{font-size:var(--h3-font-size);color:var(--first-color);font-weight:var(--font-semi-bold)}.footer__description{display:block;font-size:var(--small-font-size);margin:.25rem 0 var(--mb-3)}.footer__social{font-size:1.5rem;color:var(--title-color);margin-right:var(--mb-2)}.footer__title{font-size:var(--h2-font-size);color:var(--title-color);margin-bottom:var(--mb-2)}.footer__link{display:inline-block;color:var(--text-color);margin-bottom:var(--mb-1)}.footer__link:hover{color:var(--first-color)}.footer__copy{text-align:center;font-size:var(--small-font-size);color:var(--text-color-light);margin-top:3.5rem}@media screen and (max-width:767px){.nav__list{display:flex;flex-direction:column}}@media screen and (max-width:576px){.home__img{width:300px}.home{padding-bottom:var(--mb-5)}}@media screen and (min-width:576px){.about__container,.app__container,.home__container{grid-template-columns:repeat(2,1fr);align-items:center}.about__data,.about__initial,.contact__container,.contact__initial{text-align:initial}.about__img,.app__img{width:380px;order:-1}.contact__container{grid-template-columns:1.75fr 1fr;align-items:center}.contact__button{justify-self:center}}@media screen and (min-width:768px){body{margin:0}.section{padding-top:4rem;padding-bottom:4rem}.nav{height:calc(var(--header-height) + 1.5rem)}.nav__list{display:flex}.nav__item{margin-left:var(--mb-5);margin-bottom:0}.nav__toggle{display:none}.change-theme{position:initial;margin-left:var(--mb-2)}.home__container{height:100vh;justify-items:center}.menu__container,.services__container{margin-top:var(--mb-6)}.menu__container{grid-template-columns:repeat(3,210px);column-gap:4rem}.menu__content{padding:1.5rem}.menu__img{width:130px}.app__store{margin:0 var(--mb-1) 0 0}}@media screen and (min-width:960px){.bd-container{margin-left:auto;margin-right:auto}.home__img{width:500px}.about__container,.app__container{column-gap:7rem}}@media screen and (min-height:721px){.home__container{height:640px}}