@keyframes heart-filler{0%{fill:#fff}20%{fill:#ff79da;opacity:.4}40%{fill:#ff79da;opacity:.6}60%{fill:#cc56dc;opacity:.8}80%{fill:#9356dc;opacity:.9}100%{fill:#9356dc;opacity:1}}@keyframes loader-fill{0%{transform:scaleX(0)}17%{transform:scaleX(0.18)}24%{transform:scaleX(0.3)}45%{transform:scaleX(0.81)}100%{transform:scaleX(1)}}@keyframes loader-translate{0%{transform:translateY(0);opacity:1}25%{transform:translateY(0)}50%{transform:translateY(0)}85%{transform:translateY(0)}90%{transform:translateY(0)}95%{transform:translateY(0)}100%{opacity:1;transform:translateY(-9999px)}}@keyframes loader-txt{0%{opacity:0}17%{opacity:.2}23%{opacity:.5}45%{opacity:1}100%{opacity:1}}@keyframes cards-animation{0%{transform:translateY(10px);opacity:0}50%{transform:translateY(5px);opacity:.5}100%{transform:translateY(0);opacity:1}}body{box-sizing:border-box;margin:0px;padding:0px;display:block;width:100%}.container{width:100%}section{display:flex;flex-direction:column;align-items:center;justify-content:center}h2,p{text-align:center}h3{margin:inherit}body{font-family:"Roboto",sans-serif}h2{font-size:1.6em;font-weight:bolder;margin:inherit}p{font-size:1.1em;font-weight:300;margin:inherit}.btn{height:60px;border-radius:30px;border:none;text-decoration:none;padding:20px;background:linear-gradient(#FF79DA, 50%, #9356DC);font-family:"Roboto",sans-serif;font-size:1.1em;width:fit-content;color:#fff;box-shadow:2px 10px 10px #cfcfcf;transition:opacity 400ms,box-shadow 500ms;transition-delay:0ms,150ms}.btn:focus{outline:1px solid #9356dc}.btn:hover{box-shadow:2px 10px 2px #cfcfcf;opacity:.9}.form{position:relative;width:100%;background:linear-gradient(#CFCFCF, 10%, #EAEAEA);height:52px;display:flex;justify-content:center;align-items:center}.form__field{padding:0px;max-width:40%;height:50px;text-align:center;font-family:"Roboto",sans-serif;font-size:1.1em;font-weight:bold;background:linear-gradient(#CFCFCF, 10%, #EAEAEA);border:none;border-top:1px solid #cfcfcf}.form__field:focus{outline:1px solid #9356dc}.form__button{padding:10px 10px 15px 10px;border:none;background:transparent;font-size:1.2em}.form__button:focus{outline:1px solid silver}.form__icone{padding-top:5px;color:#000}.function__step{position:relative;height:75px;background-color:#f6f6f6;border-radius:20px;margin-bottom:20px;width:100%;display:flex;align-items:center;justify-content:flex-start;box-shadow:2px 10px 10px #cfcfcf}.function__step:hover{background-color:#f2eafb;box-shadow:2px 10px 2px #cfcfcf}.function__step__link{text-decoration:none;color:#000;font-size:1.1em;font-weight:bold;width:100%}.function__nb{display:inline-block;background-color:#9356dc;color:#fff;padding:5px 10px 5px 10px;border-radius:30px;position:absolute;left:-12px}.function__icon{color:#7e7e7e;font-size:1.2em;display:inline-block;width:20%;text-align:center;padding-left:15px}header{display:flex;justify-content:center;padding:20px}header img{max-width:200px}.header-container{width:100%;display:flex;align-items:center;position:relative}.header__logo{margin:auto}.header__arrow{position:absolute;font-size:1.2em;text-decoration:none;color:#000}.header__arrow:active{color:#000}.header__arrow--hide{display:none}.restaurants__cards{height:250px;width:100%;background-color:#fff;padding-bottom:25px;border-radius:20px;margin-bottom:20px;box-shadow:2px 10px 10px #cfcfcf;position:relative}.restaurants__pic{border-top-left-radius:20px;border-top-right-radius:20px;height:75%;width:100%;object-fit:cover}.restaurants__link{text-decoration:none;color:#000;font-size:1.1em;font-weight:bold;width:100%}.restaurants__text{height:fit-content;padding:15px}.restaurants__text p{text-align:left;padding-top:5px}.restaurants--new{color:#008766;background-color:#99e2d0;padding:10px;border-radius:2px;position:absolute;top:10px;right:10px;float:right}footer{background-color:#353535;color:#fff;padding:25px;text-align:left}footer h2{font-family:"Shrikhand",cursive;text-align:inherit;font-weight:lighter;color:#fff}footer ul{padding:0px;list-style-type:none}footer li{line-height:30px}footer a{text-decoration:none;color:#fff;font-size:1.2em}footer .footer__icon{padding-right:12px;font-size:1em}footer .icon--size{font-size:.8em;padding-right:8px}.heart-link{width:50px;height:50px;position:absolute;right:15px;bottom:20px;display:flex;justify-content:center;align-items:center}.heart-link:hover .heart{opacity:1}.heart-link:active .heart{opacity:1}.heart,.heart-line{position:absolute;font-size:2em}.heart{opacity:0;color:transparent;background:linear-gradient(#9356DC 15%, #FF79DA 75%);-webkit-background-clip:text;transition:opacity .4s ease-in;z-index:9}.heart-line{color:#000;background-color:transparent;-webkit-background-clip:text;z-index:10}.menu__card{height:70px;padding:10px;background-color:#fff;border-radius:20px;margin-bottom:20px;width:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 10px 10px #cfcfcf;animation:cards-animation 1.5s 150ms forwards linear;opacity:0;position:relative;overflow:hidden;white-space:nowrap}.menu__card:hover{background-color:#f2eafb;box-shadow:2px 10px 2px #cfcfcf}.menu__card--1{animation-delay:150ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--2{animation-delay:300ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--3{animation-delay:450ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--4{animation-delay:600ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--5{animation-delay:750ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--6{animation-delay:900ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--7{animation-delay:1050ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--8{animation-delay:1200ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card--9{animation-delay:1350ms}.menu__card:hover{background-color:#fff;outline:none}.menu__card:hover .menu__card--hidden{transform:translateX(0)}.menu__card:hover .menu__card--hidden-icon{transform:rotateZ(1turn)}.menu__card:hover .menu__card__p,.menu__card:hover h3{width:60%}.menu__card:hover .menu__price{transform:translateX(-80px)}.menu__card h3{font-size:1.2em;margin-bottom:0px;padding-bottom:5px;overflow:hidden;text-overflow:ellipsis}.menu__card__txt{height:min-content;display:flex;justify-content:space-between;align-items:flex-start}.menu__card__p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:inherit}.menu__price{padding:0px 10px 0px 10px;font-weight:bold;overflow:hidden;transform:translateX(0);transition:transform 600ms linear}.menu__card--hidden{height:70px;background-color:#99e2d0;width:65px;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:10px;position:absolute;right:0px;display:flex;align-items:center;justify-content:center;transform:translateX(100px);transition:transform 600ms linear}.menu__card--hidden-icon{font-size:1.5em;color:#fff;transform:rotateZ(0.5turn);transition:transform 700ms ease-in 150ms}.menu__title{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.menu__title h1{font-family:"Shrikhand",cursive;padding-bottom:40px;font-size:1.6em;margin:inherit}.menu__title .heart-link{bottom:35px}.loader{position:absolute;z-index:1;transform:translateY(-9999px);width:100%;height:100%;background-color:#353535;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:loader-translate 3s ease-in-out}.loader__progress-bar{width:95%;height:25px;background:#fff;border:1px groove #9356dc;padding:2px;display:flex;align-items:center}.loader__progress-bar--color{width:100%;position:relative;background:linear-gradient(#9356DC 15%, #FF79DA 75%);height:23px;transform:scaleX(0);transform-origin:left;animation:loader-fill 3s ease-out both}.loader__logo{font-family:"Shrikhand",cursive;font-size:3em;color:#99e2d0}.loader__txt{font-family:"Shrikhand",cursive;color:#fff;font-weight:lighter;padding-top:15px;width:100%;text-align:center;font-size:1.5em;padding-bottom:30px;animation:loader-txt 3s ease-out both}.introduction{background-color:#f6f6f6;padding:35px 35px 60px 35px}.introduction h1{text-align:center}.introduction h2{margin-bottom:15px}.introduction p{margin-bottom:35px}.function{padding:52px 20px 52px 20px;align-items:flex-start}.function h2{padding-bottom:32px}.restaurants{padding:52px 20px 52px 20px;background-color:#f6f6f6;align-items:flex-start}.restaurants h2{padding-bottom:32px}@media screen and (min-width: 769px)and (max-width: 1023px){.function-container{width:100%;display:flex;align-items:center;justify-content:center}.introduction{padding:55px 35px 75px 35px}.function{width:50%;padding:52px 0px 52px 0px;align-items:center}.function h2{margin-right:auto}.function__step{max-width:80%}.restaurants-container{width:100%;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6}.restaurants{max-width:55%;padding:52px 0px 52px 0px}.restaurants__card{max-width:50%}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}}@media screen and (min-width: 1024px){.function-container{width:100%;display:flex;align-items:center;justify-content:center}.introduction{padding:55px 35px 75px 35px}.function{width:50%;padding:52px 0px 52px 0px;align-items:center}.function h2{margin-right:auto;padding-left:120px}.function__step{max-width:50%}.restaurants-container{width:100%;display:flex;align-items:center;justify-content:center;background-color:#f6f6f6}.restaurants{width:50%;padding:52px 0px 52px 0px;align-items:center}.restaurants h2{margin-right:auto;padding-left:120px}.restaurants__cards{max-width:70%}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}}.menu-img{height:260px;width:100%}.menu-img img{height:100%;width:100%;object-fit:cover}.menu{position:relative;display:flex;align-items:flex-start;background-color:#f6f6f6;border-top-left-radius:25px;border-top-right-radius:25px;padding:40px 20px 40px 20px;margin-top:-25px}.menu h2{font-family:"Roboto",sans-serif;font-size:1.2em;padding-bottom:40px}.menu__carte{width:95%;align-items:flex-start;justify-content:center;padding-bottom:30px}.menu__carte__title{display:block;font-weight:300;padding-bottom:25px}.menu__carte__title::after{content:"ENTR";color:transparent;position:relative;right:80px;padding-bottom:5px;border-bottom:3px solid #99e2d0}.menu__carte .menu__carte__title--plat::after{content:"PLAT";right:55px}.menu__carte .menu__carte__title--desserts::after{content:"DESS";right:90px}.button{padding-top:50px;padding-bottom:50px;margin:auto}@media screen and (min-width: 769px)and (max-width: 1023px){.header-container{max-width:100%;display:inherit}.header__logo{margin:auto}.menu-img{display:flex;justify-content:center}.menu-img img{max-width:100%}.menu{width:60%;align-items:center;margin:auto;margin-top:-25px}.menu__title{max-width:60%}.menu__card{max-width:95%}}@media screen and (min-width: 1024px){.header-container{max-width:100%;display:inherit}.header__logo{margin:auto}.menu-img{display:flex;justify-content:center}.menu-img img{max-width:100%}.menu{width:61%;align-items:center;margin:auto;margin-top:-25px;padding:40px}.menu__title{max-width:95%}.menu__card{max-width:70%}}/*# sourceMappingURL=style.css.map */
