@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");:root{--header-height:3.5rem;--first-color:hsl(36,72%,48%);--black-color:hsl(206,12%,12%);--p-color:hsl(206,4%,100%);--title-color:hsl(206,12%,15%);--text-color:hsl(206,4%,42%);--body-color:hsl(206,4%,97%);--body-font:'Lato',sans-serif;--biggest-font-size:3rem;--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-bold:700;--z-fixed:10}@media screen and (min-width:968px){:root{--biggest-font-size:3.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1.1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);background-image:url(/src/assets/img/zwartevilt.png)}h1,h2,h3{color:var(--title-color);font-weight:var(--font-bold)}h1,h2,h3,p{line-height:140%}p{margin:0}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.container{max-width:1024px;margin-left:1.5rem;margin-right:1.5rem}.section{margin-bottom:7rem}.header{width:100%;background-color:transparent;position:fixed;top:0;left:0;z-index:var(--z-fixed)}.nav{height:var(--header-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__logo,.nav__toggle{color:#fff}.nav__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;font-weight:var(--font-bold)}.nav__logo-img{width:1.7rem;-webkit-filter:invert(100%);filter:invert(100%)}.nav__toggle{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.15rem;cursor:pointer}@media screen and (max-width:767px){.nav__menu{position:fixed;background-color:var(--black-color);top:0;right:-100%;width:100%;height:100%;-webkit-transition:.5s;transition:.5s}}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;row-gap:3rem;padding-top:9rem}.nav__link{text-transform:uppercase;color:var(--text-color-light);font-size:var(--h2-font-size);-webkit-transition:.3s;transition:.3s}@media (hover:hover){.nav__link:hover{color:#fff}}.nav__close{font-size:1.15rem;color:#fff;position:absolute;top:10px;right:1rem;cursor:pointer}.show-menu{right:0}.scroll-header{background-color:var(--body-color);-webkit-box-shadow:0 1px 4px hsla(0,4%,15%,.1);box-shadow:0 1px 4px hsla(0,4%,15%,.1)}.scroll-header .nav__logo,.scroll-header .nav__toggle{color:var(--title-color)}.scroll-header .nav__logo-img{mix-blend-mode:difference}.home{gap:0;margin-bottom:4rem}.home__container{padding:7rem 0 2.5rem}.home__content{position:relative}.home__title,.popular__link,.popular__title{color:#fff}.home__title{font-size:var(--biggest-font-size);margin-bottom:1.5rem}.second-color{color:var(--first-color)}.popular{display:-ms-grid;display:grid;gap:1rem;grid-auto-rows:10rem;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin-bottom:2rem}.popular__card{width:10rem;margin-left:auto;margin-right:auto;padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:.8rem;background-color:rgba(0,0,0,0.3);border-radius:10px}.icon{font-size:2rem}.popular__link{font-size:var(--small-font-size);border:1px solid #fff;border-radius:1rem;padding:.5rem;-webkit-box-shadow:1px 3px 2px hsl(36,72%,48%);box-shadow:1px 3px 2px hsl(36,72%,48%);cursor:pointer}.service{text-align:center}.service__title{font-size:var(--h1-font-size)}.service__number{font-size:var(--h2-font-size)}.home__scroll{position:absolute;width:100px;left:0;right:0;margin:0 auto;-webkit-animation:scroll 3s infinite;animation:scroll 3s infinite}@-webkit-keyframes scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.about{margin-bottom:8rem}.about__container{padding:1rem}.about__description{margin-bottom:2rem;color:var(--p-color)}.about__img{display:block;width:22rem;margin:0 auto;border-radius:12px;-webkit-box-shadow:5px 5px 2px rgb(255 255 255/.8);box-shadow:5px 5px 2px rgb(255 255 255/.8)}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:1rem}.about__title{font-size:var(--h1-font-size);margin-bottom:.5rem}.about__stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.7rem;-moz-column-gap:.7rem;column-gap:.7rem;color:var(--p-color)}.menu{margin-bottom:8rem}.menu__title{text-align:center;margin-bottom:1.5rem;font-size:var(--h1-font-size)}.menu__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:4.5rem}.menu__menu{font-size:var(--h3-font-size);color:var(--text-color);cursor:pointer}.menu{min-height:700px}.menu__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu__content-subtitle,.menu__content-title{text-align:center;margin:.5rem;margin-bottom:3rem;color:#fff}.menu__content-subtitle{font-size:var(--h3-font-size)}.menu__cards{display:-ms-grid;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));justify-items:center}.menu__card{position:relative;width:20rem;padding:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:.5rem;background-color:rgba(0,0,0,0.3);font-size:var(--small-font-size)}.menu__price,.menu__subtitle{font-size:var(--normal-font-size);color:var(--first-color)}.menu__content{color:#FBFBFE}.menu__price{position:absolute;right:0;top:0;padding:.5rem}.menu__img{width:4rem;height:4.5rem}.active-menu .menu__menu{color:var(--p-color)}.menu__table{background-color:rgba(0,0,0,0.3);border-collapse:collapse;margin-left:auto;margin-right:auto;border-radius:15px}.menu__table--bekabab{margin-top:4rem}.menu__table-td{padding:.7rem}.menu__table-td--left{text-align:center;font-size:var(--small-font-size)}.contact{margin-bottom:4rem}.contact__title{text-align:center;margin-bottom:1.5rem;font-size:var(--h1-font-size)}.contac__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:3rem;margin-bottom:3rem}.contact__text{color:var(--p-color)}.contact__information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:.8rem;-moz-column-gap:.8rem;column-gap:.8rem;margin-bottom:.8rem}.contac__map{display:block;width:70%;margin-left:auto;margin-right:auto}.hour__table{border-collapse:collapse}.hour__number{font-size:var(--normal-font-size)}.hour__text{font-size:1.07rem;color:var(--p-color);font-weight:var(--font-bold);padding:.4rem}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer{background:var(--black-color);padding:3rem 0 2.5rem}.name__title{color:#fff;font-size:1.3rem}.name{width:12rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.name__img{-webkit-filter:invert(100%);filter:invert(100%);width:2rem}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}::-webkit-scrollbar{width:.6rem;background-color:hsl(206,4%,80%)}::-webkit-scrollbar-thumb{background-color:hsl(206,4%,64%)}::-webkit-scrollbar-thumb:hover{background-color:hsl(206,4%,48%)}@media screen and (max-width:320px){.container{margin-left:1rem;margin-right:1rem}.home__title{margin-bottom:3rem}.hour__number{padding:.3rem}.hour__number{font-size:var(--small-font-size)}.social{-webkit-column-gap:.2rem;-moz-column-gap:.2rem;column-gap:.2rem}.contact__information{font-size:var(--small-font-size)}}@media screen and (min-width:580px){.home__title{margin-bottom:4rem}.contac__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:4rem;-moz-column-gap:4rem;column-gap:4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:start}}@media screen and (min-width:768px){.section{padding:7rem 0 2rem}.nav{height:calc(var(--header-height) + 1.5rem)}.nav__close,.nav__toggle{display:none}.nav__list{padding-top:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:3.2rem;-moz-column-gap:3.2rem;column-gap:3.2rem}.nav__link{font-size:var(--normal-font-size);text-transform:initial}.home{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.home__content{position:initial}.home__container{height:auto}.home__scroll{bottom:0;top:0;margin:auto}.home__img{height:100%}.menu__menu{font-size:var(--normal-font-size)}.about{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.icon-social{font-size:2rem}}@media screen and (min-width:1040px){.container{margin-left:auto;margin-right:auto}.home__content{max-width:400px;margin-right:7rem;margin-left:auto}.contact__text,.hour__number,.hour__text{font-size:var(--normal-font-size)}}@media screen and (min-width:1200px){.home__container{padding-top:10rem}.home__scroll{width:130px}}@media screen and (min-width:1700px){.about,.home{max-width:1400px;margin-left:auto;margin-right:auto}}